Fireworks CS4 Tutorial Part 1: Intro

Size: px
Start display at page:

Download "Fireworks CS4 Tutorial Part 1: Intro"

Transcription

1 Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the best graphics editing software for the web. It is easy to use and allows you to quickly create images optimized for the web. Some of the latest features in Fireworks CS4 is the ability to export your layout into HTML, CSS and sliced images completely web-ready. In this tutorial we will create a website layout and slice the images for use in a website. This is the layout we will create:

2 Part 2: Create a new document in Fireworks The first step to creating a web design in Fireworks CS4 is to create a New Document. To do this: 1. Open Fireworks CS4 2. File > New 3. In the panel that opens, specify the width, height, resolution and background color of your web design. 4. The width depends on what screen resolution you are designing for e.g is the most commonly used screen resolution right now so you can design for a width of 1000 pixels and a height of When designing for a website specify the value 72 pixels/ inch for Resolution. Save the document with an appropriate name like Layout.png. Fireworks File are in the PNG format.

3 Part 3: Fireworks Tools Let us create a web design in Fireworks CS4. Once you create a new document in Fireworks CS4 you will get a blank canvas. Take a look at the tools panel. If you cannot see it, open it from: Window > Tools Take some time to explore the various tools. Additional tools can be found in some cases by clicking on the tiny triangle below the tool. WEB DESIGN TUTORIALS

4 Part 4: Create a website design in Fireworks It is now time to design how your website will look. What will the layout of the pages be? If the home page looks different you will need to design it separately. You will need to design a logo, a menu area, maybe a submenu area, decide on which photos to use if any and how they should look (size, dimensions and special effects if any). You might want to design bullets for your website and icons for your menu options as well. You will also want to decide on the style of your content including headings, sub-headings, body text, links and so on. You will want to design a footer area with some basic website copyright information and maybe even a few links as well.

5 Part 5: Fireworks Website Template Now it is time to create our Fireworks website templates. This will form the basis for the website we design. It will also provide us with any graphics we will need for the HTML pages of our website. This is the website layout or template that we will create with Fireworks:

6 Part 6: Logo Making with Fireworks Logo making with Fireworks is extremely easy since it has image editing as well as vector drawing tools. You can insert an image and edit it however it is better to use the vector drawing tools as well as the text tool to create your logo. This is so you can expand the logo to any size you might need in future. Let s make this logo in Fireworks: Step 1 Using the text tool, choose a good font and type out the word logo. In this case I have used the font 28 days later however you can use any font you like. You can change the font, select the font size and color in the Properties window. If you cannot see the Properties window you can access it from Window > Properties. Click to enlarge the above picture Step 2 Use the Pen tool to create the 4 arrowheads. Fill them with the colors red and orange respectively. To close the shape you create with the Pen tool, double click. You can then give it the color you want by first selecting the entire shape with the Pointer tool.

7 Then choose the desired Fill color. Use the zoom tool to enlarge the canvas so you can clearly see and easily manipulate the vector shape to suit your needs. Double click on the zoom tool to get back to the actual view (100% scale). To move an individual point (node) in the shape you create with the pen tool, select and move it with the Sub selection tool. That particular point will get a blue fill color while the other points will only have a blue stoke color. That s it! You re done! Congratulation you have made you first logo with Fireworks.

8 Part 7: Fireworks Designs Now that you have created the logo in Fireworks designs for the website can be created. Remember the website design we set out to create in Fireworks? Here it is again: Let s first create the header area. To do this create a rectangle using the Rectangle vector tool. Since we already creates the logo you will notice that the rectangle is created over the logo hiding it from view. To take the rectangle behind the logo: Open the Layers window. You can do this from Window > Layers You will notice that the Rectangle layer is right on top. Drag this layer to the bottom It will move behind the logo

9 You will notice that the color of the header area behind the logo is not a flat color it is actually a gradient between 2 colors. To give this gradient effect: Select the rectangle Open the Properties window (Window> Properties) Next to the Fill color, click on the fill category drop down menu and select Gradient. From the Gradient sub selection options that opens up select Linear. To choose the gradient colors:

10 Click on the tiny arrow below the fill color in the Properties window (marked with a small red circle as the bottom of the image above). In the panel that opens up, choose an orange color by clicking on the little marker on the left (circled in red in the picture above) and a yellow color for the little marker on the right. You will get a nice gradient for the header area behind the logo. Now create another rectangle for the menu area. Give it a linear gradient from a red to an orange color. Use the text tool to create the menu options with appropriate spaces between the options Home, About Us, Services and Contact Us. In the Properties window select the font, size and color you want.

11 Part 8: Fireworks Tips Now it s time for more Fireworks tips. We have created the logo and the header area along with the main menu area. We will now create the submenu area. To do this we will use the Rectangle tool to create a rectangle with rounded edges. We will give it a gradient from left to right (as opposed to top to bottom ). Then we will put in some sample link text and bullets. Step 1: Make the Rectangle with Rounded Edges To do this: Use the Rectangle tool to create a rectangle. In the Properties window, give it a corner roundness of 11. Step 2: Linear Gradient from left to right To give the rectangle a linear gradient from left to right instead of top to bottom: Give the rectangle a linear gradient with the colors desired. Click on the rectangle. You will see a black line with 2 points (one on either end). To change the direction of the gradient, move the black gradient line to appear from left to right. You will notice that moving the circle end will move the entire line (and therefore the gradient), while moving the square end will allow you to increase or decrease the size of the gradient and rotate the gradient direction.

12 Step 3: Put in the sub link text with the bullets Use the Text tool to type out the sub link text. Select the required font, size and color from the Properties window. To insert the bullets open the Special Characters window (next to the Properties window) and select the required bullet. Sample Text for the Content Area We will now put in sample content to get a better idea how our layout will look with textual content. Fireworks makes this really easy. To insert sample text: Commands > Text > Lorem Ipsum Sample text will be inserted Give it the font, size and color you want in the Properties window

13 To adjust the size of the text area, click and drag the blue nodes at the corners and sides of the text area.

14 Insert an Image To insert an image into Fireworks: File > Import > browse for the image file > Open Your cursor will change Click on the canvas where you would like to place the image The image will be placed there You can get cheap stock photos for use in your website. Add some more sample text and decide on the styles for the main heading as well as the subheading. Create the Footer Area Create a rectangle with a linear gradient Put in the copyright text 2009 Company Name. All Rights Reserved. Insert the copyright symbol from the Special Characters window. You website layout is now complete. Congratulations!

15 Part 9: Fireworks Web Ready Images To create Fireworks web ready images for use in our website we will need to slice the required parts of our layout. Create the Slices To do this we will use the slice tool. Makes slices for: Logo Header background (this will tile horizontally so just a small vertical slice will do) Menu options Home, About Us, Services, Contact Us (this is required because the menu buttons use a special font which will not be available on all computers and therefore should be images rather than HTML) Menu background (will tile horizontally) Submenu background (will tile vertically) Submenu top background (required because of the curved edges of the rectangle which cannot be created in HTML) Submenu bottom background Picture Footer background This is how it will look:

16 Name the Slices In the Layers window you will notice that a new layer is created for each slice in the Web Layer. Give each slice an appropriate name. Optimize the Slices for the Web The images used in a website have to be optimized to load quickly yet look good. The smaller the file size of the image the quicker it will load. The commonly used image formats are.gif and.jpg. A good rule of thumb is to use.gif compression for images with flat colors and.jpg compression for images with lots of colours like photographs etc. To optimize the images: Select the slice Open the Optimize window (Window > Optimize) Select JPEG or GIF from the drop down menu and adjust the quality settings

17 You can preview how the slice will look with those settings by selecting it in the Preview mode. You can also see the size of the slice at the bottom of the Preview window.

18 Export the Slices You are now ready to export the slices for use in your website. To export the slices: File > Export Select the folder you want to export the images to. Usually a folder called images Select Images Only for the Export option Select Export Slices for the Slices option Deselect Selected slices only and Include areas without slices Click the Save button Your sliced images will be exported Congratulations! You have used Fireworks to create your website slices. Now that you have your website layout and images ready you can use an HTML editor like Dreamweaver to create your website page. Visit the Dreamweaver CS4 Tutorial.

How to create buttons and navigation bars

How to create buttons and navigation bars How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

ART 170: Web Design 1

ART 170: Web Design 1 Banner Design Project Overview & Objectives Everyone will design a banner for a veterinary clinic. Objective Summary of the Project General objectives for the project in its entirety are: Design a banner

More information

PowerPoint 2004 Presentation Design

PowerPoint 2004 Presentation Design PowerPoint 2004 Presentation Design This instruction/guide will focus on: Working with Master Views Modifying an existing design template Creating a custom design template Inserting a background graphic

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

Course Project Lab 3 - Creating a Logo (Illustrator)

Course Project Lab 3 - Creating a Logo (Illustrator) Course Project Lab 3 - Creating a Logo (Illustrator) In this lab you will learn to use Adobe Illustrator to create a vector-based design logo. 1. Start Illustrator. Open the lizard.ai file via the File>Open

More information

Adobe Illustrator CS5 Part 1: Introduction to Illustrator

Adobe Illustrator CS5 Part 1: Introduction to Illustrator CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 1: Introduction to Illustrator Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Recipes4Success. Animate a Rocket Ship. Frames 6 - Drawing Tools

Recipes4Success. Animate a Rocket Ship. Frames 6 - Drawing Tools Recipes4Success You can use the drawing tools and path animation tools in Frames to create illustrated cartoons. In this Recipe, you will draw and animate a rocket ship. 2014. All Rights Reserved. This

More information

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe

More information

Create a Poster Using Publisher

Create a Poster Using Publisher Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs

More information

Graphic Design & PHOTOSHOP COURSE

Graphic Design & PHOTOSHOP COURSE Graphic Design & PHOTOSHOP COURSE WITH KBM MEDIA Web: www.kbmmediasolutions.com Email: info@kbmmediasolutions.com GRAPHIC DESIGN COURSES Illustrator CS5 Fundamental Course Outline Our course Illustrator

More information

Making a Poster Using PowerPoint 2007

Making a Poster Using PowerPoint 2007 Making a Poster Using PowerPoint 2007 1. Start PowerPoint: A Blank presentation appears as a Content Layout, a blank one one without anything not even a title. 2. Choose the size of your poster: Click

More information

Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5

Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5 Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...

More information

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

More information

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional. Vectorizing images Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional. In this tutorial, you will trace a bitmap image to convert it to

More information

Designing An Effective Gaming Clan Logo in Adobe

Designing An Effective Gaming Clan Logo in Adobe Page 1 of 14 Designing An Effective Gaming Clan Logo in Adobe Fireworks By BLUE2X Published: MARCH 15, 2010 Search To search, type and hit enter Hire Me If you are in need of a designer to do the following:

More information

Guide To Creating Academic Posters Using Microsoft PowerPoint 2010

Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall

More information

Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3)

Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3) IT Services Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3) Contents Introduction... 1 Installed Templates and Themes... 2 University of Reading Templates... 3 Further Templates and Presentations...

More information

Fireworks for Graphics and Images

Fireworks for Graphics and Images Fireworks for Graphics and Images Joan Weeks SLIS Computer Labs Mgr. October 2009 Fireworks for Banners and Images Fireworks is a web developer s tool to make banners and graphics, as well as format images

More information

Word 2007 WOWS of Word Office 2007 brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows.

Word 2007 WOWS of Word Office 2007 brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows. WOWS of Word Office brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows. gfruth@wm.edu Templates Click on the Office Button PDF and select New. You can now change

More information

Working With Animation: Introduction to Flash

Working With Animation: Introduction to Flash Working With Animation: Introduction to Flash With Adobe Flash, you can create artwork and animations that add motion and visual interest to your Web pages. Flash movies can be interactive users can click

More information

Publisher 2010 Cheat Sheet

Publisher 2010 Cheat Sheet April 20, 2012 Publisher 2010 Cheat Sheet Toolbar customize click on arrow and then check the ones you want a shortcut for File Tab (has new, open save, print, and shows recent documents, and has choices

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Adobe InDesign Creative Cloud

Adobe InDesign Creative Cloud Adobe InDesign Creative Cloud Beginning Layout and Design November, 2013 1 General guidelines InDesign creates links to media rather than copies so -Keep all text and graphics in one folder -Save the InDesign

More information

NDSU Technology Learning & Media Center

NDSU Technology Learning & Media Center 1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

PowerPoint 2007 The Basics

PowerPoint 2007 The Basics Opening Window PowerPoint 2007 The Basics Ribbon Office Button Navigation Bar Slide View Outline View Design Area Notes Area Status Bar The Ribbon The Ribbon replaces the Menu bar that we have seen in

More information

PowerPoint 2007: Basics Learning Guide

PowerPoint 2007: Basics Learning Guide PowerPoint 2007: Basics Learning Guide What s a PowerPoint Slide? PowerPoint presentations are composed of slides, just like conventional presentations. Like a 35mm film-based slide, each PowerPoint slide

More information

Graphic Design Studio Guide

Graphic Design Studio Guide Graphic Design Studio Guide This guide is distributed with software that includes an end-user agreement, this guide, as well as the software described in it, is furnished under license and may be used

More information

Impress Guide. Chapter 2 Using Slide Masters, Styles, and Templates

Impress Guide. Chapter 2 Using Slide Masters, Styles, and Templates Impress Guide Chapter 2 Using Slide Masters, Styles, and Templates Copyright This document is Copyright 2005 2009 by its contributors as listed in the section titled Authors. You may distribute it and/or

More information

Graphic Design Basics Tutorial

Graphic Design Basics Tutorial Graphic Design Basics Tutorial This tutorial will guide you through the basic tasks of designing graphics with Macromedia Fireworks MX 2004. You ll get hands-on experience using the industry s leading

More information

Photoshop 5.5 & 6.0 Tips & Tricks

Photoshop 5.5 & 6.0 Tips & Tricks Introduction To s In ImageReady In this example, you will be using Photoshop layers to create individual image layers for a simple animation. Once you have created the image layers, you will open the file

More information

Working with the new enudge responsive email styles

Working with the new enudge responsive email styles Working with the new enudge responsive email styles This tutorial assumes that you have added one of the mobile responsive colour styles to your email campaign contents. To add an enudge email style to

More information

Adobe Photoshop CS6 Tutorial

Adobe Photoshop CS6 Tutorial Adobe Photoshop CS6 Tutorial GETTING STARTED Adobe Photoshop CS6 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop

More information

Guide to Using PowerPoint for Image Based Presentations

Guide to Using PowerPoint for Image Based Presentations Visual Resources Collection Department of Art and Archaeology, 207 McCormick Hall Princeton University Guide to Using PowerPoint for Image Based Presentations Image Tips: Before you start. Scan or collect

More information

Website Design Practice Final Exam

Website Design Practice Final Exam Website Design Practice Final Exam Multiple Choice Identify the letter of the choice that best completes the statement or answers the question. 1. is the current standard language used to create Web pages.

More information

Catalog Creator by On-site Custom Software

Catalog Creator by On-site Custom Software Catalog Creator by On-site Custom Software Thank you for purchasing or evaluating this software. If you are only evaluating Catalog Creator, the Free Trial you downloaded is fully-functional and all the

More information

Lynda.com > InDesign CS5 Tutorials Interactive Documents & Presentations

Lynda.com > InDesign CS5 Tutorials Interactive Documents & Presentations Creating Interactive Documents with PDFs and SWFs Adapted from Chris Converse, http://www.codifydesign.com/ Laurie Burruss laurie@lynda.com Pasadena City College Dec 9 3 pm Lynda.com > InDesign CS5 Tutorials

More information

m ac romed ia Fi r e wo r k s Curriculum Guide

m ac romed ia Fi r e wo r k s Curriculum Guide m ac romed ia Fi r e wo r k s Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and Xtra

More information

Generative Drafting. Page 1 1997 2001 DASSAULT SYSTEMES. IBM Product Lifecycle Management Solutions / Dassault Systemes

Generative Drafting. Page 1 1997 2001 DASSAULT SYSTEMES. IBM Product Lifecycle Management Solutions / Dassault Systemes Generative Drafting Page 1 Tutorial Objectives Description This Tutorial is an introduction to Generative Drafting. Message To show how CATIA V5 allows the user to automatically generate associative drafting

More information

How to make a custom Joomla template!

How to make a custom Joomla template! How to make a custom Joomla template! Part 2 NOTE: This Tutorial has been donated by a Thomas Nielsen. This work is licensed under a Creative Commons Attributon NonCommercial ShareAlike 2.5 License. Lets

More information

Creating Custom Business Cards

Creating Custom Business Cards Introduction Creating Custom Business Cards by Len Nasman, Bristol Village Ohio Computer Club There are number of templates available on the Internet for creating business cards.

More information

m ac romed ia Fl a s h Curriculum Guide

m ac romed ia Fl a s h Curriculum Guide m ac romed ia Fl a s h Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and Xtra are trademarks

More information

Logo Design Studio Pro Guide

Logo Design Studio Pro Guide Logo Design Studio Pro Guide This guide is distributed with software that includes an end-user agreement, this guide, as well as the software described in it, is furnished under license and may be used

More information

Introduction to Microsoft Word 2003

Introduction to Microsoft Word 2003 Introduction to Microsoft Word 2003 Sabeera Kulkarni Information Technology Lab School of Information University of Texas at Austin Fall 2004 1. Objective This tutorial is designed for users who are new

More information

PowerPoint Exercises 3 Drawing

PowerPoint Exercises 3 Drawing PowerPoint Exercises 3 In these exercises we will become more familiar with the drawing tools available in PowerPoint (and other office programs too for that matter!). The drawing tools are all available

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional. Creating a logo Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional. In this tutorial, you will create a logo for an imaginary coffee shop.

More information

PowerPoint 2013: Basic Skills

PowerPoint 2013: Basic Skills PowerPoint 2013: Basic Skills Information Technology September 1, 2014 1 P a g e Getting Started There are a variety of ways to start using PowerPoint software. You can click on a shortcut on your desktop

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

More information

Working with themes and slide masters in PowerPoint 2013

Working with themes and slide masters in PowerPoint 2013 Working with themes and slide masters in PowerPoint 2013 Information Services Working with themes and slide masters in PowerPoint 2013 Although PowerPoint comes with a range of predefined designs, there

More information

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,

More information

Creating templates and slide masters in PowerPoint 2003

Creating templates and slide masters in PowerPoint 2003 Creating templates and slide masters in PowerPoint 2003 These days, it is not enough to create a presentation with interesting and exciting content; you have to create one with interesting and exciting

More information

Introduction to PowerPoint 2013 Contents

Introduction to PowerPoint 2013 Contents Introduction to PowerPoint 2013 Contents Introduction... 3 The PowerPoint Screen... 3 File Tab... 4 Ribbon... 4 Tabs... 4 Contextual Tabs... 5 Groups... 5 Command buttons... 5 More Button... 5 Dialog Box

More information

Microsoft Power Point

Microsoft Power Point Prepared by CIT x7670 / cit@hope.edu Microsoft Power Point 1. Open MS PowerPoint. Click File, New. 2. Choose Blank Presentation or Design Templates. a) Blank Presentation allows you to create your own

More information

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene. Graphic Design Active Layer- When you create multi layers for your images the active layer, or the only one that will be affected by your actions, is the one with a blue background in your layers palette.

More information

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need.

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need. SURUDESIGNER YEARBOOK TUTORIAL TABLE OF CONTENTS INTRODUCTION Download, Layout, Getting Started... p. 1-5 COVER/FRONT PAGE Text, Text Editing, Adding Images, Background... p. 6-11 CLASS PAGE Layout, Photo

More information

How to Create a MagCloud PDF with Apple Pages

How to Create a MagCloud PDF with Apple Pages How to Create a MagCloud PDF with Apple Pages a step-by-step guide from Create a New Document (1 of 2) 1. Open Pages to launch the Template Chooser, or go to File > New if Pages is already open. Under

More information

Creating a Poster Presentation using PowerPoint

Creating a Poster Presentation using PowerPoint Creating a Poster Presentation using PowerPoint Course Description: This course is designed to assist you in creating eye-catching effective posters for presentation of research findings at scientific

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Adobe Illustrator CS6. Illustrating Innovative Web Design

Adobe Illustrator CS6. Illustrating Innovative Web Design Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe

More information

Department of Special Education Ball State University Developing Your Digital Portfolio Website

Department of Special Education Ball State University Developing Your Digital Portfolio Website SPCED Portfolio Instructions 1 Department of Special Education Ball State University Developing Your Digital Portfolio Website The following steps will guide you through the process of developing your

More information

Practical Image Tips and Exercises for PowerPoint

Practical Image Tips and Exercises for PowerPoint Practical Image Tips and Exercises for PowerPoint Exercise 1: Remove Image Background Eliminating a background from an image can make a big difference in the impact of an image. 1. Insert the image From

More information

Lession: 2 Animation Tool: Synfig Card or Page based Icon and Event based Time based Pencil: Synfig Studio: Getting Started: Toolbox Canvas Panels

Lession: 2 Animation Tool: Synfig Card or Page based Icon and Event based Time based Pencil: Synfig Studio: Getting Started: Toolbox Canvas Panels Lession: 2 Animation Tool: Synfig In previous chapter we learn Multimedia and basic building block of multimedia. To create a multimedia presentation using these building blocks we need application programs

More information

WHAT S NEW IN WORD 2010 & HOW TO CUSTOMIZE IT

WHAT S NEW IN WORD 2010 & HOW TO CUSTOMIZE IT WHAT S NEW IN WORD 2010 & HOW TO CUSTOMIZE IT The Ribbon... 2 Default Tabs... 2 Contextual Tabs... 2 Minimizing and Restoring the Ribbon... 3 Customizing the Ribbon... 3 A New Graphic Interface... 5 Live

More information

Creating Web Pages With Dreamweaver MX 2004

Creating Web Pages With Dreamweaver MX 2004 Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic

More information

Microsoft Office 2010

Microsoft Office 2010 Word Tutorial 4 Desktop Publishing and Mail Merge Microsoft Office 2010 Objectives Identify desktop publishing features Format text in columns Insert drop caps Insert symbols and special characters Create

More information

Pimping Up Your USB Drive

Pimping Up Your USB Drive In this tutorial we show how to Pimp Up your USB Drive, by adding a display Icon for the device, as well as a cool background for the folders in the top level directory of the USB. Once you have completed

More information

Microsoft Picture Manager. Picture Manager

Microsoft Picture Manager. Picture Manager Picture Manager Picture Manager allows you to easily edit and organize the pictures on your computer. Picture Manager is an application that was included with Microsoft Office suite for Windows 2003 and

More information

PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations

PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations Session 1: Intro to PowerPoint Objectives- Following the workshop, Intro to PowerPoint, attendees

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

Customizing forms and writing QuickBooks Letters

Customizing forms and writing QuickBooks Letters LESSON 15 Customizing forms and writing QuickBooks Letters 15 Lesson objectives, 398 Supporting materials, 398 Instructor preparation, 398 To start this lesson, 398 About QuickBooks forms, 399 Customizing

More information

Designing a poster. Big is important. Poster is seldom linear, more like a MindMap. The subjects belonging together are located close to each other.

Designing a poster. Big is important. Poster is seldom linear, more like a MindMap. The subjects belonging together are located close to each other. Designing a poster Poster is seldom linear, more like a MindMap The subjects belonging together are located close to each other. Big is important. Warm colours bring closer, cold ones estrange. A human

More information

Unit 21 - Creating a Button in Macromedia Flash

Unit 21 - Creating a Button in Macromedia Flash Unit 21 - Creating a Button in Macromedia Flash Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------

More information

Lava Lamp. Step 2. Click Window Menu > Other Panels > Common Libraries > Stuff to Trace.

Lava Lamp. Step 2. Click Window Menu > Other Panels > Common Libraries > Stuff to Trace. Flash Chapter 16 A. Setup to Trace Bitmap. Step 1. Click File Menu > New and OK. Lava Lamp Click Window Menu > Other Panels > Common Libraries > Stuff to Trace. Find lavalamp.png in the list of symbols

More information

Why use Illustrator? Getting Started. Use Photoshop For: Use Illustrator For:

Why use Illustrator? Getting Started. Use Photoshop For: Use Illustrator For: Why use Illustrator? made of pixels made of vector shapes Adobe Illustrator is the brother of the more famous Photoshop. Like Photoshop it is a program intended for graphics, but Illustrator is vector

More information

Introduction to Microsoft Word 2008

Introduction to Microsoft Word 2008 1. Launch Microsoft Word icon in Applications > Microsoft Office 2008 (or on the Dock). 2. When the Project Gallery opens, view some of the available Word templates by clicking to expand the Groups, and

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2010

DOING MORE WITH WORD: MICROSOFT OFFICE 2010 University of North Carolina at Chapel Hill Libraries Carrboro Cybrary Chapel Hill Public Library Durham County Public Library DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites

More information

Instructions for Formatting MLA Style Papers in Microsoft Word 2010

Instructions for Formatting MLA Style Papers in Microsoft Word 2010 Instructions for Formatting MLA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find

More information

Microsoft PowerPoint 2010

Microsoft PowerPoint 2010 Microsoft PowerPoint 2010 Quick Reference Guide Union Institute & University Contents Using Help (F1)... 4 Opening PowerPoint... 4 Window Contents:... 4 Title Bar... 4 Control Buttons... 4 File tab...

More information

Digital Aquarium s. Photoshop CS3 Workshop Guide for Novice Users

Digital Aquarium s. Photoshop CS3 Workshop Guide for Novice Users Digital Aquarium s Photoshop CS3 Workshop Guide for Novice Users About Photoshop Photoshop is the industry standard for graphic design and photo correction. The workshop introduces the basic functions

More information

PowerPoint 2016 Part I - Building a Presentation

PowerPoint 2016 Part I - Building a Presentation PowerPoint 2016 Part I - Building a Presentation What is PowerPoint? PowerPoint is presentation software that helps you quickly and efficiently create dynamic, professional-looking presentations through

More information

Overview of the Adobe Flash Professional CS6 workspace

Overview of the Adobe Flash Professional CS6 workspace Overview of the Adobe Flash Professional CS6 workspace In this guide, you learn how to do the following: Identify the elements of the Adobe Flash Professional CS6 workspace Customize the layout of the

More information

Creating Forms with Acrobat 10

Creating Forms with Acrobat 10 Creating Forms with Acrobat 10 Copyright 2013, Software Application Training, West Chester University. A member of the Pennsylvania State Systems of Higher Education. No portion of this document may be

More information

Creating Your Own Shapes

Creating Your Own Shapes 1 Creating Your Own Shapes in Visio You can create your own custom shapes in Visio if you need a shape that is not in one of the standard templates. This example shows how to create the recycling symbol

More information

Flash MX Image Animation

Flash MX Image Animation Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color

More information

Ten steps to creating a poster illustration with Adobe Photoshop CS6

Ten steps to creating a poster illustration with Adobe Photoshop CS6 Ten steps to creating a poster illustration with Adobe Photoshop CS6 Dan Carr Adobe Photoshop is a powerful design tool used to manipulate photographs and create illustrative graphics. Photoshop can be

More information

File types There are certain image file types that can be used in a web page. They are:

File types There are certain image file types that can be used in a web page. They are: Using Images in web design (Dreamweaver CC) In this document: Image file types for web pages Inserting an image Resizing an image in Dreamweaver CSS properties for image alignment and responsiveness nigelbuckner

More information

ADVANCED POWERPOINT. About this Document Words in bold. Will need to be typed or chosen from a menu or window

ADVANCED POWERPOINT. About this Document Words in bold. Will need to be typed or chosen from a menu or window ADVANCED POWERPOINT Introduction This document covers more advanced features of PowerPoint, which enable you to move away from linear presentations and incorporate more creativity than a standard presentation

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Hello. What s inside? Ready to build a website?

Hello. What s inside? Ready to build a website? Beginner s guide Hello Ready to build a website? Our easy-to-use software allows to create and customise the style and layout of your site without you having to understand any coding or HTML. In this guide

More information

Creating Custom Crystal Reports Tutorial

Creating Custom Crystal Reports Tutorial Creating Custom Crystal Reports Tutorial 020812 2012 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic, or mechanical,

More information

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone: 0131 6505001

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone: 0131 6505001 KB COPY CENTRE RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ Telephone: 0131 6505001 Email: kbcopy@ed.ac.uk martin.byrne@ed.ac.uk colin.doherty@ed.ac.uk Step 1. Set up page orientation

More information

PowerPoint Level I. Agenda. Entering Text & Understanding Text Boxes. Creating New Slides. Inserting Charts & Graphs

PowerPoint Level I. Agenda. Entering Text & Understanding Text Boxes. Creating New Slides. Inserting Charts & Graphs Lane Medical Library Stanford University Medical Center http://lane.stanford.edu LaneAskUs@Stanford.edu 650.723.6831 PowerPoint Level I Agenda PowerPoint is a presentation tool that can help you organize

More information

ASSESSMENT GENERATOR TUTORIAL CREATING ASSESSMENTS SIMPLE TYPE ASSESSMENT

ASSESSMENT GENERATOR TUTORIAL CREATING ASSESSMENTS SIMPLE TYPE ASSESSMENT ASSESSMENT GENERATOR TUTORIAL CREATING ASSESSMENTS SIMPLE TYPE ASSESSMENT We recommend that you first create a Category to file your first assessment under. See the Categories Tutorial. 1. From Your Home

More information

Advanced. Creating Boxes and Borders. Boxes

Advanced. Creating Boxes and Borders. Boxes Advanced Word Creating Boxes and Borders Boxes Boxes, which look like this, can be placed around single words, groups of words, or entire paragraphs. To create a box, you first need to select (or highlight)

More information

Beginner s Guide to Microsoft PowerPoint 2002

Beginner s Guide to Microsoft PowerPoint 2002 Beginner s Guide to Microsoft PowerPoint 2002 Microsoft PowerPoint is a program that allows you to create slide presentations for business and pleasure. 1. Open Start Menu. Place arrow on Start icon and

More information