Fireworks CS6 Book

Step-by-Step Training Workbook:

In this book you'll be taken step-by-step through a variety of exercises that will show you how to create complex sliced images, animated GIFs, web banners, image maps, rollovers, and the fast way to make buttons.

Includes Downloadable Class Files (works on Mac & PC)
ISBN: 978-1-934624-87-6

Download Sample Exercise
Section 1
Drawing Tools and Text
  • Drawing Basic Vector Shapes
  • Adding Filters such as Drop Shadows
  • Importing Adobe Illustrator Files
  • Styling Text
  • Controlling Anti-Aliasing on Text
Symbols and Photos
  • Creating Graphic Symbols
  • Editing Symbols
  • Symbol Tweening (Fireworks Creates “In Between” Steps)
  • Using Symbols to Protect Photos from Image Degradation
Slicing
  • Having Fireworks Automatically Create Slices
  • Manually Drawing Slices
  • Naming Slices
Section 2
Optimizing Graphics for the Web
  • Optimizing Slices as GIF, PNG or JPEG
  • Reducing File size (for Quick Download)
Putting It Together In Dreamweaver
  • Assembling the Final Webpage with Graphics Made in Fireworks
  • Importing Images
  • Setting Background Images
Button Symbols
  • Creating Buttons
  • Using 1 Button for the Entire Navbar
  • Editing Buttons
  • Making Rollovers
  • Gradient Masking (Fade Out)
Section 3
Multiple Page Website Mock-Up
  • Creating Multiple Pages within a Single Fireworks File
  • Creating and Editing a Master Page
  • Previewing and Exporting Multiple Pages
More on Drawing Tools
  • Rounded Corners
  • Gradient Backgrounds
Masking and Text Wrapping
  • Masking
  • Glass-like Reflections
  • Wrapping Text Around Objects
Creating Rollovers (Using States)
  • Creating Rollovers
  • Slicing a More Complicated Page
Section 4
Slicing and Optimizing the Fronion Website
  • Drawing Slices
  • Optimizing Slices as GIF, PNG, or JPEG
Rounded Corners & 9-Slicing
  • Creating & Slicing Rounded Corner Rectangles
  • Resize Selected Objects Command
  • 9-Slice Scale Tool
  • Symbols and 9-Slicing
Exporting States to Files (Batch Processing)
  • Creating Consistent Thumbnail Images
  • Resizing using Symbols
Creating an Animated Banner
  • Creating an Animated GIF
  • Using States for Animation
  • Optimizing for Banner Ad File Size
Bonus Exercises
Creating Sprite Graphics
  • Exporting CSS Sprites
Bitmap Editing
  • Editing Bitmap (Pixel-Based) Art
  • Adding Drop Shadows
  • Sharpening
  • Cloning with the Rubber Stamp tool
Creating an Image Map
  • Creating an Image Map (Clickable Areas Within an Image)
  • Automatically Converting Vector Art into Hotspots
  • Editing Hotspots
  • Importing into Dreamweaver
Mocking Up a Form with Provided Symbols
  • Designing Forms
  • Using the Common Library
  • 9-Slicing
“Sliding Doors” Style Border Slicing
  • Slicing Drop Shadows
  • Slicing for Sliding Doors
Challenge: Building an Animated Ad Banner
  • In this challenge you look at a final animated GIF, and then recreate the animation with prepared artwork.
Reference Material
Color Palettes
Web File Formats: JPEG vs. GIF vs. PNG

Examples of What You Learn

Why Our Books Are Unique

Our books are packed with step-by-step exercises that walk you through projects. You’ll learn by doing exercises, not reading long explanations. The goal is to give you hands-on practice with the program, getting you started quickly with the things that are most important for real life work.

demonstration of different book formats: print, kindle, & mobile devices
Yelp Facebook LinkedIn YouTube Twitter Instagram