LearnKey Training

Fireworks CS5 Fundamentals Course

Fireworks CS5 Fundamentals Course

Fireworks CS5 Fundamentals Course

2 Sessions -
5 Hours of Interactive Training

Adobe® Fireworks® CS5 software enables you to create expressive, highly optimized graphics for the Web or virtually any device — from Smartphones to kiosks to embedded displays. Create Web sites, user interfaces, and rich prototypes that are editable in both vector and bitmap modes. In this course you will learn how to quickly create wireframes from Fireworks templates. Add text, symbols, and imagery with the robust vector and bitmap toolset. Add pages and customize them quickly with Smart Guides, and export them as clickable PDF mock-ups for approval. Debbie's ability to take each concept and break them down into simple step-by-step guides makes this course a must when learning new applications like Fireworks CS5.

  • Improve efficiency with faster performance, an updated graphic toolset, and greater control over pixel placement
  • Pixel-perfect rendering keeps designs crisp on screens of almost any size
  • Export objects, pages, or entire documents to Adobe® Flash® applications via FXG to develop interactivity
  • Save frequently used projects as templates to share with your design team

About The Author
Debbie Berg is a web designer and the owner of WebDeb Productions, Inc. She has been designing web sites since 1996. Berg is also an instructor and a keynote speaker and has trained thousands of individuals and hundreds of corporations on web-related topics since 1997. Berg holds a bachelor's degree in technical writing from the University of South Florida and when not training others, she's designing web sites for clients throughout the U.S. Debbie currently holds Dreamweaver and Photoshop CS6 certifications.

Session 1

Section A: Introduction to Fireworks

  • Launching Fireworks
  • Working with Panels
  • Common Panels
  • Opening and Saving Files
  • Creating Files
  • Rulers, Guides, and Grids

Section B: Vector Shapes and Fills

  • Creating Shapes
  • Gradient Fill
  • Pattern Fill
  • Fill Edges
  • Compound Shapes

Section C: Vector Paths

  • Line Tool
  • Pen Tool
  • Creating Curves
  • Modifying Shapes
  • Freeform Tool
  • Vector Path Tool
  • Redraw Path Tool

Section D: Bitmap Graphics

  • Pencil Tool
  • Brush Tool
  • Eraser Tool
  • Marquee Tool
  • Lasso Tool
  • Magic Wand Tool
  • Red Eye Removal
  • Burn Tool
  • Dodge Tool
  • Rubber Stamp Tool

Section E: Working with Text

  • Creating Text
  • Formatting Text
  • Leading and Tracking
  • Formatting Characters
  • Importing Text
  • Editing Imported Text
  • Combining Paths
  • Attaching Text

Section F: Working with Layers

  • Creating Layers
  • Duplicating Layers
  • Removing Layers
  • Organizing Layers
  • Exporting Layers
  • Web Layer
  • Creating Hotspots

Section G: Symbols

  • Creating Symbols
  • Common Library
  • Symbol Edit Mode
  • Button Symbols
  • Editing Buttons
  • Button States
  • Previewing States
  • Animating Symbols
  • Setting State Delays
  • Component Symbols

Session 2

Section A: Templates

  • Page Templates
  • Flash Templates
  • Web and Mobile Templates
  • Applying Templates

Section B: Saving as a GIF

  • Size vs. Quality
  • GIF
  • Optimizing GIFs
  • GIF Color Palettes
  • Colors
  • Dither and Transparency
  • Interlacing

Section C: Saving as a JPEG

  • JPEG
  • Optimizing JPEGs
  • JPEG Smoothing
  • Selective Quality

Section D: Saving as a PNG

  • Web PNG
  • Optimizing PNGs
  • PNG 32
  • PNG 24 vs. PNG 8

Section E: Slicing

  • Creating Slices
  • Editing Slices
  • Polygon Slice
  • HTML Slice
  • Slice Properties
  • Optimizing Slices

Section F: Prototyping

  • Creating a Master Page
  • Adding Pages
  • Sharing Layers
  • Adding Images
  • Creating CSS Layouts
  • Adding Elements
  • Organizing Elements

Section G: Integration

  • Exporting Images
  • Exporting HTML
  • Viewing in Dreamweaver
  • Exporting CSS
  • Exporting for Flash
  • FXG Export
  • Adobe Device Central
  • Creating a Profile