Class overview :

Class goals :

– Learn to create and edit bitmaps with Fireworks
– Learn to use Fireworks’ vector tools
– Learn to work with multiple images in Fireworks
– Learn to add text to graphics in Fireworks
– Learn to optimize graphics in Fireworks
– Learn about Web graphics
– Learn to work with symbols
– Learn to create animations
– Learn to work productively in Fireworks
– Learn to mock up web pages with Fireworks

Content of Training Fireworks CS5 / Introduction

1. Getting Started with Fireworks CS5
   1. Creating a New Document
   2. It’s All About the Pixels
   3. Working with Tabbed Documents
   4. Setting Up Rulers
   5. Guides for Precise Layout
   6. Using Grids
   7. Smart Guides and Tooltips
   8. Document Previews
   9. Customizing the Panel Group
   10. Panel Group Management
   11. Customizing the Workspace
   12. Modifying Tool Attributes
   13. The Joy of Multiple Undo
2. Graphics Boot Camp
   1. Opening Files with Adobe Bridge
   2. Importing Files
   3. Opening Photoshop Files
   4. Opening Adobe Illustrator Files
   5. Zen and the Art of Saving Files
   6. Exporting a Single File
   7. Using the Image Preview Dialog
   8. Using the Export Area Tool
   9. Creating PDF files
   10. Saving Photoshop Files
3. Working with Bitmap Images
   1. Resizing Images
   2. Improving Images with Levels Filters
   3. Using Selection Tools to Alter Specific Areas
   4. Retouching with the Rubber Stamp Tool
   5. Masking One Image with Another
   6. Creating a Bitmap Mask with a Selection
4. Staying on the (Vector) Path
   1. Using Vector Tools
   2. Using Shapes as Image Elements
   3. Understanding the Transform Tools
   4. Using the Transform Tools
   5. Distortion-free Scaling with the 9-Slice Scaling Tool
   6. Creating a Custom Shape
   7. Understanding the Pen Tool
   8. Masking an Image with a Vector Shape
   9. Using the Auto Vector Mask for Quick Fades
5. Working with Multiple Images
   1. Name Your Objects
   2. Using Guides for Alignment
   3. Using the Align Panel
   4. Grouping Images
6. The Big Picture on Web Graphics
   1. Interactivity Using the Hotspot Tool
   2. Sliced Images for Custom Optimization
   3. Slice Images for Interactivity
   4. Creating a Remote Rollover
   5. Optimize Panel and Preview Views
   6. Creating Slices Manually with the Slice Tool
   7. Working with Image Preview
   8. Using the Export Area Tool
   9. Creating an Interactive Prototype
7. Working with Type
   1. Text Basics
   2. Using Type as a Mask
   3. Adding Text to a Path
   4. Wrapping Text Around an Object
   5. Setting Text Anti-aliasing
8. Exploring Creative Options
   1. Creating Movement with Blur Filters
   2. Live Filters for Ultimate Flexibility
   3. Using Photoshop Live Effects
   4. Working with Styles
   5. Using Blend Modes
   6. Converting Bitmap Selections to Paths
   7. Converting Paths to Bitmap Selections
9. Working with Symbols
   1. Creating Graphic Symbols
   2. Creating Button Symbols
   3. Creating Animation Symbols
   4. Editing Symbols
   5. Importing and Exporting Symbols
   6. The Common Library
   7. Adding Component Symbols to a Design
   8. Editing a Component Symbol
10. Animation in Fireworks
    1. Creating GIF Animations
    2. Tweening Animation
    3. Shape Tweening
    4. Optimizing and Exporting Animated GIFs
11. Improving Production Workflow
    1. Changing Application Views on the Mac
    2. Using the Kuler Panel
    3. Naming Fireworks’ Elements
    4. Adding Structure to Your Documents
    5. Site Prototyping—The Basics
12. Designing Interfaces
    1. Working with Pages
    2. Duplicating Pages
    3. Using Multiple Web Layers
    4. Sharing Layers Across Pages
    5. Creating HTML Mock-ups
    6. Using Hotspots for Mock-up Navigation
    7. Sharing Web Layers
    8. Previewing Your Mock-up
    9. Exporting an Interactive Mock-up
    10. Exporting a CSS-based Layout
    11. Creating an AIR Prototype
13. Fitting Fireworks into the Design Workflow
    1. Working with Metadata
    2. Using Fireworks’ Tools in Bridge
    3. Integrating Fireworks with Photoshop
    4. Prototyping Flash Interfaces with Fireworks
    5. Importing to Flash
    6. Round-trip Editing Between Dreamweaver and Fireworks
    7. Copy and Paste to Dreamweaver
    8. Using Fireworks with Flex or Thermo
    9. Creating Skins for Flex