Lynda.COM Fireworks CS5 Essential Training

Jim Babbage

Software works on:

Mac and Windows

Topics include:

• Customizing the workspace
• Working with pages, layers, and states
• Importing content
• Comparing bitmaps and vectors
• Creating and editing vector shapes
• Converting artwork into graphic, button, and animation symbols
• Animating in Fireworks
• Maintaining crisp text in web images
• Sharing content between pages
• Optimizing images for export
• Integrating with Device Central, Dreamweaver, Flash, and Flash Catalyst

Introduction
Welcome           01:22
What is Fireworks?           01:59
Using the exercise files           00:21
01:27:52 1. The Workspace
Creating and opening documents           07:36
Understanding the interface           09:43
Working with tabbed documents           06:18
Setting up rulers, guides, and grids           10:07
Using tooltips and Smart Guides           05:40
Working with panels           09:29
Working with pages           08:59
Working with layers           13:13
Working with states           04:35
Using the Properties panel           04:38
Using the Preferences panel           07:34
52:39 2. Graphics 101
Understanding the Fireworks PNG format           02:11
Saving and exporting files           05:11
Importing files           05:34
Opening Photoshop files           06:07
Opening Illustrator files           03:58
Exporting a single file           09:57
Using the Image Preview window           01:52
Using the Export Area tool           03:10
Creating PDF files           04:16
Saving Photoshop files           05:48
Using Fireworks files for Illustrator           04:35
01:02:46 3. Working with Bitmap Images
Understanding bitmaps           01:32
Resizing images           03:48
Using the selection tools           08:00
Using the drawing tools           08:19
Retouching with the corrective tools: Rubber Stamp           12:16
Using the bitmap effects tools: Blur, Sharpen, and Replace Color           07:33
Using more bitmap effects tools: Dodge and Burn           07:01
Improving images using the Levels filter           08:15
Creating a bitmap mask with a selection           06:02
01:10:20 4. Working with Vector Images
Looking at the vector toolset           06:53
Using the Pen tool           07:32
Editing vector shapes with the Freeform and Reshape Area tools           04:35
Filling shapes with patterns and live filters           03:17
Using Auto Shapes           07:24
Using shapes as image elements           04:16
Scaling shapes           05:28
Masking objects with vector shapes           07:13
Applying strokes           05:52
Using Vector Path and Path Scrubber           06:09
Using the Compound Shape tool           07:40
Using Snap to Pixel           02:15
Using Gradient Dither           01:46
51:18 5. Working with Symbols
Understanding symbols           05:41
Creating graphic symbols           13:11
Creating button symbols           10:22
Creating animation symbols           05:04
Sharing symbols with the Common Library           01:37
Editing the instance of a symbol           03:46
Adding component symbols to a design           08:46
Exporting and importing symbols           02:51
17:34 6. Animating in Fireworks
Creating GIF animations           09:31
Animating with Twist and Fade           03:47
Creating a tweened animation           04:16
26:46 7. Working with Text
Using text in Fireworks           07:19
Understanding text properties           03:14
Adding text in a path           04:43
Adding text to a path           04:31
Using text as a mask           03:35
Maintaining crisp text in web images           03:24
28:35 8. Exploring Creative Options
Having fun with filters           08:44
Working with Styles           04:10
Using Blend Modes           04:40
Converting bitmap selections to paths           03:50
Working with Adobe Swatch Exchange files           02:33
Using the Kuler panel for color inspiration           04:38
01:14:07 9. Rapid Prototyping
Understanding the web toolset           01:51
Creating hotspots           06:22
Using the Slice tool           08:57
Using a master page           05:20
Sharing layers across pages           04:49
Sharing web layers across pages           03:30
Using HTML component symbols           03:15
Creating choices and showing design options to clients           07:07
Importing pages           02:47
Previewing the mockup           04:17
Using HTML prototyping           05:22
Improving the workflow           20:30
33:19 10. Working with Web Graphics
Optimizing images for export, part 1           15:36
Optimizing images for export, part 2           13:36
Generating a CSS-based layout           04:07
22:20 11. Fitting Fireworks into Your Design Workflow
Integrating Fireworks, FXG, and Flash Catalyst           03:56
Integrating Fireworks and Flash           03:46
Using roundtrip editing between Dreamweaver and Fireworks           05:52
Copying and pasting objects to Dreamweaver           02:57
Integrating Fireworks and Device Central           04:13
Working with Bridge           01:36
00:13 Conclusion
Goodbye           00:13