Table Of Contents - MACROMEDIA FIREWORKS 8-USING FIREWORKS Use Manual

Table of Contents

Table Of Contents3
System Requirements7
Chapter 1: Introduction7
Installing Fireworks8
Registering Fireworks8
Viewing The Files Installed With Fireworks8
What's New in Fireworks 89
Guide To Instructional Media12
Chapter 2: Fireworks Basics13
About Working In Fireworks14
Vector And Bitmap Objects14
Interactive Graphics14
About Optimizing And Exporting Graphics15
About Vector And Bitmap Graphics15
About Vector Graphics16
About Bitmap Graphics16
Creating A New Document17
Opening And Importing Files18
Opening Recently Closed Documents19
Opening Graphics Created In Other Applications19
Animated Gifs19
Eps Files20
Wbmp Files20
Creating Fireworks Png Files From Html Files20
To Open All Tables Of An Html File21
To Open Only The First Table Of An Html File21
To Import The First Table Of An Html File Into An Open Fireworks Document21
Inserting Objects Into A Fireworks Document21
Dragging Images Into Fireworks22
Pasting Into Fireworks22
Location Of Pasted Objects23
Resampling Pasted Objects23
To Resample A Bitmap Object By Pasting23
Importing Png Files24
Importing From A Digital Camera Or Scanner24
To Direct Fireworks To Photoshop Acquire Plug-Ins25
To Import An Image From A Digital Camera (Macintosh)25
To Import An Image From A Digital Camera (Windows)25
Saving Fireworks Files26
To Import An Image From A Scanner (Macintosh)26
To Import An Image From A Scanner (Windows)26
Saving Fireworks Png Files27
Saving Documents In Other Formats27
To Save In An Existing Gif, Jpeg, Tif, Bmp, Or Other File Format Listed Above28
To Export A Document To Another Format28
The Fireworks Work Environment29
Using The Start Page29
Using The Tools Panel30
Changing Tool Options30
To Disable The Start Page30
Selecting A Tool From A Tool Group31
Using The Property Inspector31
To Display Tool Options In The Property Inspector For A Tool That You Are Already Using31
To Select An Alternative Tool From A Tool Group31
To Undock The Property Inspector32
To Dock The Property Inspector At The Bottom Of The Workspace (Windows Only)32
To Expand A Half-Height Property Inspector To Full Height, Revealing Additional Options32
To Collapse The Property Inspector When It Is Docked32
Using Panels33
Organizing Panel Groups And Panels34
To Undock Or Move A Panel Group34
To Dock A Panel Group34
To Collapse Or Expand A Panel Group Or Panel/To Undock A Panel From A Panel Group34
To Dock A Panel In A Panel Group35
To Return Panels To Their Default Positions For Your Screen Resolution35
To Open/Close A Panel35
To Hide All Panels And The Property Inspector35
Using The Panel Group Or Panel Options Menu36
To Select An Option From A Panel Group Or Panel Options Menu36
Saving Panel Layouts37
About The Quick Export Button37
Opening And Moving Toolbars (Windows Only)37
To Show Or Hide A Toolbar/To Undock A Toolbar37
Navigating And Viewing A Document38
Using Document Tabs (Windows)38
To Dock A Toolbar38
To Select A Different Document When The Current Document Is Maximized38
Zooming And Panning39
To Zoom In Using Preset Increments, Do One Of The Following39
Using View Modes To Manage The Workspace40
To Zoom Out Using Preset Increments, Do One Of The Following40
To Zoom In On A Specific Area Without Being Constrained By Preset Zoom Increments40
To Pan Around The Document40
Displaying Multiple Document Views41
Controlling Document Redraw41
To Change View Modes, Do One Of The Following41
To Open An Additional Document View At A Different Zoom Setting41
Changing The Canvas42
Changing Canvas Size, Color, And Resolution42
To Display A Document As It Would Appear On A Different Platform42
To Change The Canvas Color From The Modify Menu43
To Select The Canvas Color From The Property Inspector43
To Resize A Document And All Of Its Contents43
About Resampling44
Rotating The Canvas45
Trimming Or Fitting The Canvas45
Cropping A Document46
Using Context Menus46
Using Rulers, Guides, And The Grid47
Using Guides48
Using The Grid49
Using The History Panel To Undo And Repeat Multiple Actions49
To Save Actions For Reuse50
To Use The Saved Custom Command50
Chapter 3: Selecting And Transforming Objects51
Using The Pointer Tool52
Using The Subselection Tool52
To Select An Object By Clicking52
To Select Objects By Dragging52
Using The Select Behind Tool53
Selection Information In The Property Inspector53
Modifying A Selection54
To Add To A Selection54
To Deselect All Selected Objects54
To Hide Selected Objects54
Bitmap Selection Tool Options55
Selecting Pixels55
Creating Pixel Selection Marquees56
To Select A Rectangular Or Elliptical Area Of Pixels56
To Select A Freeform Area Of Pixels56
Plotting Points To Create A Marquee Selection57
Selecting Areas Of Similar Color57
To Select A Polygonal Area Of Pixels57
To Select An Area Of Pixels Of Similar Color Range57
To Select Similar Colors Throughout The Document58
Removing A Selection Marquee59
Adjusting Selection Marquees59
Moving A Marquee59
Adjusting A Marquee Selection With The Spacebar59
Adding To A Pixel Selection60
Subtracting Pixels From A Selection60
Creating A Marquee From Intersecting Marquees60
Using Thumbnails And Modifier Keys To Modify Pixel Selections60
To Create Or Replace A Pixel Selection On A Selected Bitmap Using The Opacity Of An Object61
To Add To The Current Pixel Selection61
To Subtract From The Current Pixel Selection61
To Create A Pixel Selection On A Selected Bitmap From The Intersection Of Overlapping Objects61
Creating An Inverse Pixel Selection62
Feathering A Pixel Selection62
Expanding Or Contracting A Marquee62
Selecting An Area Around An Existing Marquee63
Smoothing The Border Of A Marquee63
Converting A Marquee To A Path63
Transferring A Marquee Selection64
Saving Marquee Selections64
Restoring Marquee Selections65
Deleting Marquee Selections66
Creating And Moving A Floating Pixel Selection66
Inserting A New Bitmap By Cutting Or Copying67
Editing Selected Objects68
To Move A Selection68
To Move Or Copy Selected Objects By Pasting68
To Duplicate One Or More Selected Objects68
Transforming And Distorting Selected Objects And Selections69
To Clone A Selection69
To Delete Selected Objects69
To Cancel Or Deselect A Selection69
To Transform Selected Objects Using The Transform Handles70
Resizing (Scaling) Objects71
Rotating Objects71
Flipping Objects72
Skewing Objects72
To Achieve The Illusion Of Perspective72
Distorting Objects73
Transforming Objects Numerically73
To Resize Selected Objects Using The Property Inspector Or Info Panel73
To Scale Or Rotate Selected Objects Using Numeric Transform73
Viewing Transformation Information In The Info Panel74
Organizing Objects74
Grouping Objects74
Selecting Objects Within Groups75
Stacking Objects75
Aligning Objects76
To Change The Stacking Order Of A Selected Object Or Group Within A Layer76
About Arranging Objects Among Layers77
Chapter 4: Working With Bitmaps79
Creating Bitmap Objects80
Working With Bitmaps80
To Create An Empty Bitmap Object81
To Cut Or Copy Pixels And Paste Them As A New Bitmap Object81
To Convert Selected Vector Objects To A Bitmap Image81
Accessing Common Photo Editing Tools All In One Place82
Drawing, Painting, And Editing Bitmap Objects83
Sampling A Color To Use As A Stroke Or Fill Color84
To Change The Color Of Pixels To The Color In The Fill Color Box84
To Apply A Gradient Fill To A Pixel Selection84
Erasing Bitmap Objects85
Feathering Pixel Selections86
Retouching Bitmaps86
Cloning Pixels87
To Clone Portions Of A Bitmap Image87
Blurring, Sharpening, And Smudging Pixels88
To Set Rubber Stamp Tool Options88
To Duplicate A Pixel Selection, Do One Of The Following88
Lightening And Darkening Pixels89
To Smudge Colors In An Image89
To Lighten Or Darken Parts Of An Image89
Removing Red-Eye From Photos90
Replacing Colors91
To Replace One Color With Another Using The Color Swatch91
Cropping A Selected Bitmap92
To Crop A Bitmap Image Without Affecting Other Objects In The Document92
To Replace One Color With Another By Selecting A Color On The Image92
Adjusting Bitmap Color And Tone93
Adjusting Tonal Range94
Using The Levels Feature94
To Apply A Live Filter To An Area Defined By A Bitmap Selection Marquee94
To Adjust Highlights, Midtones, And Shadows96
Using Auto Levels97
To Adjust Highlights, Midtones, And Shadows Automatically97
Using Curves97
To Adjust A Specific Point In The Tonal Range98
Using Tonal Eyedroppers99
To Delete A Point Along The Curve99
Adjusting Brightness And Contrast100
Applying The Color Fill Live Filter101
Adjusting Hue And Saturation101
To Adjust The Hue Or Saturation102
To Change An Rgb Image To A Two-Tone Image Or To Add Color To A Grayscale Image102
Inverting an Image's Color Values103
Blurring And Sharpening Bitmaps104
Blurring An Image104
To Invert Colors104
To Blur An Image Using Gaussian Blur105
To Blur An Image Using Motion Blur105
To Blur An Image Using Radial Blur105
Using The Find Edges Filter To Create A Sketch Look106
To Blur An Image Using Zoom Blur106
Converting An Image To A Transparency107
Using The Sharpen Feature To Sharpen An Image107
To Sharpen An Image Using A Sharpen Option108
To Sharpen An Image Using Unsharp Mask108
Adding Noise To An Image109
Chapter 5: Working With Vector Objects111
Drawing Vector Objects112
Drawing Basic Lines, Rectangles, And Ellipses112
To Constrain A Shape And Draw From The Center Point112
To Adjust The Position Of A Basic Shape As You Draw It112
Drawing Basic Rounded Rectangles113
Drawing Basic Polygons And Stars113
To Resize A Selected Line, Rectangle, Or Ellipse113
To Round The Corners Of A Selected Rectangle113
Drawing Auto Shapes114
Changing The Properties Of Auto Shapes116
To Draw An Auto Shape By Using The Tools Panel116
To Create The Add Shadow Auto Shape116
Adjusting Arrow Auto Shapes117
To Adjust The Flare Of An Arrowhead117
To Increase Or Decrease The Sharpness Of An Arrowhead117
To Lengthen Or Shorten An Arrow Tail117
Adjusting Bent Arrow Auto Shapes118
Adjusting Beveled, Chamfered, And Rounded Rectangle Auto Shapes118
To Adjust The Width Of An Arrow Tail118
Adjusting Connector Line Auto Shapes119
Adjusting Doughnut Auto Shapes119
Adjusting Pie Auto Shapes120
Adjusting L-Shaped Auto Shapes120
To Change the Length or Width of a Selected L-Shape's Section120
To Adjust The Roundness Of The Corners Of A Selected L-Shape120
Adjusting Smart Polygon Auto Shapes121
Adjusting Spiral Auto Shapes121
To Adjust The Number Of Turns In A Selected Spiral121
To Open Or Close A Selected Spiral121
Adjusting Star Auto Shapes122
Using The Assets Panel To Add Auto Shapes To A Drawing122
Adding New Auto Shapes To Fireworks122
Drawing Freeform Paths123
Using The Vector Path Tool123
Drawing Paths By Plotting Points124
Drawing Straight Path Segments125
Drawing Curved Path Segments126
Adjusting The Shape Of A Straight Path Segment127
Adjusting The Shape Of A Curved Path Segment127
To Edit The Bézier Curve Of A Path Segment127
Converting Path Segments To Straight Or Curved128
To Convert A Corner Point To A Curve Point129
To Convert A Curve Point To A Corner Point129
Selecting Points129
Moving Points And Point Handles130
To Change The Shape Of A Path Segment130
Inserting And Deleting Points On A Path131
Continuing An Existing Path131
To Adjust The Handle Of A Corner Point131
Editing Paths132
Merging Two Open Paths132
Auto-Joining Similar Open Paths132
Editing With Vector Tools132
Bending And Reshaping Vector Objects133
Pointer Meaning133
To Pull A Selected Path134
To Push A Selected Path134
To Change The Size Of The Push Pointer134
Distorting Paths135
To Change The Size Of The Reshape Area Pointer135
To Set The Strength Of The Inner Circle Of The Reshape Area Pointer135
Redrawing Paths136
Changing a Path's Appearance by Varying Pressure and Speed136
Cutting Paths Into Multiple Objects136
Editing With Path Operations137
Combining Path Objects137
To Create One Continuous Path From Two Open Paths137
To Create A Composite Path/To Break Apart A Composite Path137
Converting A Path To A Marquee Selection138
To Combine Selected Closed Paths As One Path Enclosing The Entire Area Of The Original Paths138
Creating An Object From The Intersection Of Other Objects138
To Create A Closed Path That Encloses The Area Common To All Selected Closed Paths138
Removing Portions Of A Path Object139
Cropping A Path139
Simplifying A Path140
Expanding A Stroke140
Contracting Or Expanding A Path141
Chapter 6: Using Text143
Entering Text144
Naming A Text Object144
To Change The Name Of A Text Object144
Creating Text Blocks145
Moving Text Blocks145
Using Auto-Sizing And Fixed-Width Text Blocks146
To Move A Text Block While You Drag To Create It146
Editing Text147
Choosing A Font, Size, And Text Style148
Inserting Special Characters148
Applying Text Color148
Applying Color To All Text In Selected Text Blocks149
To Set The Color Of All Text In A Selected Text Block149
Applying Color To Highlighted Text In A Text Block150
Setting Kerning150
To Disable Automatic Kerning150
Setting Leading151
Setting Text Orientation152
Setting Text Alignment153
Indenting Text154
Setting Paragraph Spacing154
To Set The Space That Precedes Selected Paragraphs154
Smoothing Text Edges155
To Apply An Anti-Aliased Edge To Selected Text155
To Set The Space After Selected Paragraphs155
Expanding And Contracting Character Width156
Setting Baseline Shift156
Applying Strokes, Fills, And Filters To Text157
To Save Text Attributes As A Style157
Attaching Text To A Path158
Editing Paths And Text Attached To Paths158
Changing Text Orientation And Direction On A Path159
To Edit The Shape Of The Path159
Transforming Text160
To Reverse The Direction Of Text On A Selected Path160
To Move The Starting Point Of Text Attached To A Path160
Converting Text To Paths161
Importing Text161
Photoshop Text162
Rtf Files162
Ascii Text162
Handling Missing Fonts162
Checking Spelling163
To Select A Replacement Font163
Customizing Spell Checking164
Using The Text Editor165
To View Text In The System Font165
To View Text In The Default Size165
Chapter 7: Applying Color, Strokes, And Fills167
Using The Colors Section Of The Tools Panel168
To Make The Stroke Color Or Fill Color Box Active168
To Reset Colors To The Default168
To Swap Fill And Stroke Colors168
Organizing Swatch Groups And Color Models169
Applying Colors Using The Swatches Panel169
Changing Swatch Groups169
To Select A Custom Swatch Group169
Customizing The Swatches Panel170
To Add A Color To The Swatches Panel170
To Add Swatches From An External Color Palette To The Current Swatches170
Clearing And Sorting Swatches171
To Replace A Swatch With Another Color171
To Delete A Swatch From The Swatches Panel171
Creating Colors In The Color Mixer172
Mixing Colors In The Color Mixer172
To Display The Color Mixer173
To Apply A Color From The Color Bar To A Selected Vector Object173
To Pick A Color From The Color Mixer173
To Cycle The Color Bar Through The Color Models173
Creating Colors Using The System Color Pickers174
Viewing Color Values174
To Display Color Information For Another Color Model174
Dithering With Websafe Colors175
To Use The Web Dither Fill175
To Create The Illusion Of A True Transparent Fill In A Web Browser175
Using Color Boxes And Color Pop-Up Windows176
Selecting Colors From A Color Pop-Up Window176
To Display The Current Swatches Panel Swatch Group In The Color Pop-Up Window176
Sampling Colors From A Color Pop-Up Window177
Working With Strokes177
Applying Strokes177
To Change Stroke Attributes Of Selected Objects178
To Change The Stroke Color Of A Drawing Tool178
To Remove All Stroke Attributes From A Selected Object178
Creating Custom Strokes179
To Open The Edit Stroke Dialog Box179
To Set General Brush Stroke Options180
To Modify The Brush Tip180
To Set Stroke Sensitivity180
Placing Strokes On Paths181
To Move A Brush Stroke Inside Or Outside The Selected Path181
Creating Stroke Styles182
Working With Fills182
Setting Fill Attributes Of The Drawing Tools182
To Create Custom Strokes182
Editing Solid Fills183
To Edit a Selected Vector Object's Solid Fill183
To Change The Solid Fill Color Of Applicable Vector Drawing Tools And The Paint Bucket Tool183
Applying Gradient And Pattern Fills184
Adding A Custom Pattern185
Applying A Gradient Fill185
To Create A New Pattern From An External File185
Editing A Gradient Fill186
To Add A New Color Or Opacity Swatch To The Gradient186
To Remove A Color Or Opacity Swatch From The Gradient186
To Set Or Change The Color Of A Color Swatch186
Creating Fills With The Gradient Tool187
To Set Or Change The Transparency Of An Opacity Swatch187
Transforming And Distorting Fills188
Setting Hard-Edged, Anti-Aliased, Or Feathered Fill Edges188
To Change The Edge Of A Selected Object188
About Saving A Custom Gradient Fill189
Removing A Fill189
Adding Texture To Strokes And Fills190
Adding Texture To A Fill191
Adding A Custom Texture191
To Create A New Texture From An External File191
Chapter 8: Using Live Filters193
Applying Live Filters194
To Enable Or Disable A Live Filter Applied To An Object195
Applying Beveled Edges196
Applying Embossing196
Applying Shadows And Glows197
To Apply An Emboss Filter197
Applying Filters And Photoshop Plug-Ins As Live Filters198
Plug-Ins From The Filters Menu199
Installing Photoshop Plug-Ins199
About Applying Filters To Grouped Objects199
Editing Live Filters200
Reordering Live Filters200
Removing Live Filters200
Creating Custom Live Filters201
Saving Live Filters As Commands202
Chapter 9: Layers, Masking, And Blending203
Working With Layers204
Activating Layers205
Adding And Removing Layers205
Viewing Layers206
To Duplicate A Layer206
To Duplicate An Object206
To Expand Or Collapse All Layers206
Organizing Layers207
Protecting Layers And Objects207
To Name A Layer Or Object207
To Move A Layer Or Object207
To Lock An Object208
To Lock A Layer208
To Turn On Or Off Single Layer Editing208
To Show Or Hide A Layer Or Objects On A Layer208
Merging Objects In The Layers Panel209
Sharing Layers209
To Share A Selected Layer Across Frames209
Using The Web Layer210
About Importing Photoshop Grouped Layers210
Masking Images210
About Masks211
About Vector Masks211
About Bitmap Masks212
Creating A Mask From An Existing Object213
Masking Objects Using The Paste As Mask Command213
To Create A Mask With The Paste As Mask Command214
Masking Objects Using The Paste Inside Command215
To Create A Mask Using The Paste Inside Command216
Using Text As A Mask217
Masking Objects Using The Layers Panel217
To Create A Bitmap Mask Using The Layers Panel218
Masking Objects Using The Reveal And Hide Commands219
To Use Reveal Selection And Hide Selection Commands To Create A Mask220
About Importing And Exporting Photoshop Layer Masks221
Grouping Objects To Form A Mask221
Editing Masks222
Selecting Masks And Masked Objects Using Mask Thumbnails223
Selecting Masks And Masked Objects Using The Subselection Tool223
Moving Masks And Masked Objects224
To Move A Mask And Its Masked Objects Together224
To Move Masks And Masked Objects Independently By Unlinking224
To Select A Mask Or Masked Object Independently224
To Move A Mask Independently Using Its Move Handle225
To Move Masked Objects Independently Of The Mask Using The Move Handle225
To Move Masked Objects Independently Of Each Other225
Modifying a Mask's Appearance226
To Modify a Selected Mask's Shape/Color226
To Modify A Mask By Adding More Mask Objects226
To Modify A Mask Using The Transformation Tools226
Changing The Way Masks Are Applied227
To Apply A Vector Mask Using Its Path Outline228
To Show a Vector Mask's Fill and Stroke228
To Apply A Bitmap Mask Using Its Alpha Channel228
To Convert A Vector Mask To A Bitmap Mask228
Adding Objects To A Masked Selection229
Replacing, Disabling, And Deleting Masks229
Blending And Transparency230
About Blending Modes230
Blending Mode Examples232
Adjusting Opacity And Applying Blends233
About The Color Fill Live Filter233
To Specify A Blending Mode And Opacity Before You Draw An Object233
To Set A Blending Mode And Opacity Level For Existing Objects233
Chapter 10: Using Styles, Symbols, And Urls235
Using Styles236
Applying A Style236
Creating And Deleting Styles237
To Apply A Style To A Selected Object Or Text Block237
Editing Styles238
Exporting And Importing Styles238
Using Style Defaults239
Applying Attributes Without Creating A Style239
To Copy Attributes From One Object And Apply Them To Other Objects239
Using Symbols240
To Create A New Symbol From A Selected Object240
To Create A Symbol From Scratch240
Placing Instances241
Editing Symbols241
To Rename A Symbol241
To Change a Symbol's Type241
Editing Instances242
Breaking Symbol Links242
To Release An Instance From A Symbol242
To Select All Unused Symbols In The Library Panel242
Editing Instance Properties243
Importing And Exporting Symbols243
Importing Symbols243
To Import One Or More Prepared Symbols From A Fireworks Symbol Library244
To Import Symbols From Another File Into The Current Document244
Exporting Symbols245
Updating Exported Symbols And Instances In Multiple Documents245
To Import A Symbol By Dragging And Dropping Or Copying And Pasting245
Working With Urls246
Assigning A Url To A Web Object247
Creating A Url Library247
To Add A New Url To A Url Library247
Editing Urls248
About Absolute And Relative Urls248
To Simultaneously Add A Url To The Library While Assigning It To A Web Object248
To Add Used Urls To A Url Library248
Importing And Exporting Urls249
Chapter 11: Slices, Rollovers, And Hotspots251
Creating And Editing Slices252
Creating Slice Objects253
To Insert A Rectangular Slice Based On A Selected Object253
To Draw A Rectangular Slice Object253
Creating Html Slices254
Creating Nonrectangular Slices255
To Draw A Polygon Slice Object255
To Create A Rectangular Slice Or Polygon Slice From A Vector Object Or Path255
Viewing And Displaying Slices And Slice Guides256
Viewing Slices In The Layers Panel256
Showing And Hiding Slices256
Changing Slice And Slice Guide Color257
Editing Slices257
Moving Slice Guides To Edit Slices258
To Resize One Or More Slices259
To Reposition A Slice Guide To The Far Edge Of The Canvas259
To Move Adjacent Slice Guides259
Using Tools To Edit Slice Objects259
Making Slices Interactive260
Adding Simple Interactivity To Slices260
About Using The Property Inspector Or Info Panel To Edit Slice Objects260
About Rollovers261
Creating A Simple Rollover262
To Attach A Simple Rollover To A Slice262
Creating A Disjoint Rollover263
To Attach A Disjoint Rollover To A Selected Image264
Applying Multiple Rollovers To A Slice265
Removing A Drag-And-Drop Rollover265
Using The Behaviors Panel To Add Interactivity To Slices266
Attaching Behaviors267
Editing Behaviors267
To Change The Mouse Event That Activates The Behavior267
Using External Image Files For Swap Image268
Preparing Slices For Export269
Assigning Urls269
Entering Alternate Text269
Assigning A Target270
Export Settings270
Naming Slices270
Custom-Naming Slice Files271
Auto-Naming Slice Files271
Changing The Default Auto-Naming Convention271
To Enter A Custom Slice Name271
To Change The Default Auto-Naming Convention272
Defining How Html Tables Are Exported273
To Define How Fireworks Exports Html Tables273
Working With Hotspots And Image Maps275
Creating Hotspots276
To Create A Rectangular Or Circular Hotspot276
To Create An Odd-Shaped Hotspot276
To Create A Hotspot By Tracing One Or More Selected Objects276
Editing Hotspots277
Preparing Hotspots For Export277
Creating Image Maps277
To Export An Image Map Or Copy It To The Clipboard278
Creating Rollovers With Hotspots279
Using Hotspots On Top Of Slices280
To Create A Trigger For A Rollover Effect Using A Hotspot On Top Of A Slice280
Chapter 12: Creating Buttons And Pop-Up Menus281
Creating Button Symbols282
About Button States282
Using The Button Editor283
Creating A Simple Two-State Button283
To Create An Up State283
To Create An Over State283
Creating A Three- Or Four-State Button284
To Create A Down State284
To Create An Over While Down State284
Using Bevel Filters To Draw Button States285
Converting Fireworks Rollovers Into Buttons285
To Apply Preset Live Filters To A Button Symbol285
Inserting Buttons Into A Document286
To Place Instances Of A Button Symbol In A Document286
To Place Additional Instances Of A Button Symbol In A Document286
To Convert A Fireworks Rollover Into A Button286
Importing Button Symbols287
Editing Button Symbols287
Editing Symbol-Level Properties287
Editing Instance-Level Properties288
To Edit Button Properties At The Symbol Level288
Setting Interactive Button Properties289
Modifying The Active Area Of A Button Symbol289
To Edit Instance-Level Properties Of A Single Button Symbol Instance289
Setting The Url For A Button Symbol Or Instance290
To Edit a Slice or Hotspot in a Button Symbol's Active Area290
Setting The Target For A Button291
To Set The Url For A Selected Button Instance In The Workspace291
Setting The Alternate (Alt) Text For A Button Symbol Or Instance292
To Set The Alt Text For A Button Symbol In The Button Editor292
To Set The Alt Text For A Button Instance In The Workspace292
Creating Navigation Bars293
Creating Pop-Up Menus293
To Create A Basic Nav Bar293
About The Pop-Up Menu Editor294
Creating A Basic Pop-Up Menu295
Creating Submenus Within A Pop-Up Menu296
To Create A Pop-Up Submenu296
To Create A Pop-Up Submenu Within A Pop-Up Submenu296
To Move A Menu Item Into A Higher-Ranking Submenu Or Into The Main Pop-Up Menu297
To Move An Entry In The Pop-Up Menu297
Designing The Appearance Of A Pop-Up Menu298
To Set The Orientation Of A Pop-Up Menu298
To Set Whether A Pop-Up Menu Is Html- Or Image-Based299
To Format Text In The Current Pop-Up Menu299
To Set The Appearance Of The Menu Cells299
Adding Pop-Up Menu Styles300
To Add A Custom Cell Style To The Pop-Up Menu Editor300
Setting Advanced Pop-Up Menu Properties301
Positioning Pop-Up Menus And Submenus303
To Set The Position For A Pop-Up Menu Using The Pop-Up Menu Editor303
Editing Pop-Up Menus304
To Set The Position For A Pop-Up Submenu Using The Pop-Up Menu Editor304
To Set The Position For A Pop-Up Menu By Dragging It304
To Edit A Pop-Up Menu In The Pop-Up Menu Editor304
About Exporting Pop-Up Menus305
To Change A Pop-Up Menu Entry305
Chapter 13: Creating Animation307
Building Animation308
Working With Animation Symbols308
Creating Animation Symbols309
To Convert An Object To An Animation Symbol309
Editing Animation Symbols310
Changing Animation Properties310
Removing Animations311
Editing Symbol Graphics311
Editing Symbol Motion Paths312
To Change Movement Or Direction312
To Change a Selected Symbol's Graphic Attribute312
Working With Frames313
Setting The Frame Delay313
Showing And Hiding Frames For Playback314
Naming Animation Frames314
Adding, Moving, Copying, And Deleting Frames314
Moving Selected Objects In The Frames Panel315
To Move A Selected Object To A Different Frame315
To Reorder Frames315
Sharing Layers Across Frames316
To Disable The Sharing Of A Layer Across Frames316
Viewing Objects In A Specific Frame317
Using Onion Skinning317
Tweening318
To Tween Instances318
To Adjust The Number Of Frames Visible Before And After The Current Frame318
Previewing An Animation319
To Preview An Animation In The Workspace319
To Preview An Animation In Preview View319
To Preview An Animation In A Web Browser319
Exporting Your Animation320
Setting The Animation Repetition320
Setting Transparency320
Optimizing An Animation321
Animation Export Formats321
Working With Existing Animations322
To Import An Animated Gif322
To Open An Animated Gif322
Using Multiple Files As One Animation323
Chapter 14: Optimizing And Exporting325
About Optimizing326
Using The Export Wizard326
Using Image Preview327
To Export A Document Using The Export Wizard327
To Export Using Image Preview328
To Set Optimization Settings Using Image Preview329
To Set Exported Image Dimensions Using Image Preview330
To Define Only A Portion Of An Image For Export Using Image Preview330
To Set Animation Settings Using Image Preview330
Optimizing In The Workspace331
Using Optimization Settings332
To Select A Preset Optimization332
To Specify Custom Optimization Settings333
To Modify The Color Palette333
To Optimize Individual Slices333
Previewing And Comparing Optimization Settings334
Choosing A File Type335
To Preview A Graphic Based On The Current Optimization Settings335
To Compare Views With Different Optimization Settings335
To Switch Any Optimized View To The Original View From 2-Up Or 4-Up View335
Optimizing Gif, Png, Tiff, Bmp, And Pict Files336
Choosing A Color Palette337
Setting The Color Depth338
To Import A Custom Palette338
Removing Unused Colors339
Dithering To Approximate Lost Colors339
To Dither A Graphic339
To Select A Color Depth Beyond 256 Colors339
Viewing Colors In A Palette340
Symbol Meaning340
Locking Colors In A Palette341
To Unlock A Color341
To Select Multiple Colors341
To Preview All The Pixels In The Document That Contain A Specific Color341
Editing Colors In A Palette342
Using Websafe Colors342
To Create An Adaptive Palette That Favors Websafe Colors342
To Force A Color To Its Closest Websafe Equivalent342
Saving Palettes343
Adjusting Compression343
To Change a Gif's Compression343
Making Areas Transparent344
To Select A Color For Transparency345
To Add Or Remove Transparent Colors345
To Make An Image Background Transparent345
Optimizing Jpegs346
Interlacing: Downloading Gradually346
Adjusting Jpeg Quality347
Selectively Compressing Areas Of A Jpeg347
Blurring Or Sharpening Detail348
To Compress Selected Areas Of A Jpeg348
To Modify The Selective Jpeg Compression Area348
Matching A Target Background Color349
Using Progressive Jpegs349
To Help Preserve Fine Edges Between Two Colors349
Removing Halos350
Saving And Reusing Optimization Settings351
To Save Optimization Settings As A Preset351
To Share Saved Optimization Settings With Another Fireworks User351
To Delete A Custom Preset Optimization351
Exporting From Fireworks352
Exporting A Single Image352
Exporting A Sliced Document353
Exporting Selected Slices354
Updating A Slice354
Exporting An Animation355
To Export An Animation As An Animated Gif355
To Export Multiple Animations With Different Animation Settings As Animated Gifs355
Exporting Frames Or Layers356
Exporting An Area357
Exporting Html357
To Export A Portion Of A Document357
About Html358
Including Comments In Html358
Results Of Exporting359
Exporting Fireworks Html359
Copying Html To The Clipboard361
To Copy Fireworks Html Using The Copy Html Code Option361
To Copy Fireworks Html Using The Export Dialog Box362
To Paste Html Copied From Fireworks Into An Html Document362
Copying And Pasting Html From An Exported Fireworks File363
Updating Exported Html364
To Update Html Using The Update Html Command364
Exporting Css Layers364
Exporting Xhtml365
Exporting Files With And Without Utf-8 Encoding366
Setting Html Export Options367
To Define How Fireworks Exports Html367
Using The Quick Export Button369
To Export A Fireworks Document Or Selected Graphics Using The Quick Export Button369
To Start Another Macromedia Application Using The Quick Export Button369
Customizing The Quick Export Pop-Up Menu370
Sending A Fireworks Document As An E-Mail Attachment370
Using The File Management Button371
Chapter 15: Using Fireworks With Other Applications373
Working With Macromedia Dreamweaver374
Placing Fireworks Images In Dreamweaver Files374
Creating New Fireworks Files From Dreamweaver Placeholders375
Placing Fireworks Html Code In Dreamweaver378
Exporting Fireworks Html To Dreamweaver378
To Insert Fireworks Html Into A Dreamweaver Document378
Copying Fireworks Html Code To The Clipboard For Use In Dreamweaver379
To Copy Fireworks Html To The Clipboard For Use In Dreamweaver, Do One Of The Following379
Copying Code From An Exported Fireworks File And Pasting It Into Dreamweaver380
Updating Fireworks Html Exported To Dreamweaver380
Exporting Fireworks Files To Dreamweaver Libraries381
Editing Fireworks Files From Dreamweaver383
About Roundtrip Html383
Editing Fireworks Images383
Editing Fireworks Tables385
To Open And Edit A Fireworks Table Placed In Dreamweaver385
About Dreamweaver Behaviors386
Optimizing Fireworks Images And Animations Placed In Dreamweaver386
To Change Optimization Settings For A Fireworks Image Placed In Dreamweaver387
Changing Animation Settings388
Setting Launch-And-Edit Options388
Designating Fireworks As The Primary External Image Editor For Dreamweaver388
To Set Fireworks As The Primary External Image Editor For Dreamweaver389
About Design Notes And Source Files390
Specifying Launch-And-Edit Preferences For Fireworks Source Files390
To Specify Launch-And-Edit Preferences For Fireworks390
To Use The File Management Button391
Working With Macromedia Flash392
Placing Fireworks Graphics In Flash392
Importing Fireworks Png Files Into Flash392
Copying And Pasting Fireworks Graphics Into Flash394
About Exporting Fireworks Graphics To Other Formats For Use In Flash395
Exporting Fireworks Graphics And Animations As Swf Files395
Exporting Png Files With Transparency397
Importing Exported Fireworks Graphics And Animations Into Flash397
Using Fireworks To Edit Graphics Imported Into Flash398
Working With Macromedia Freehand Mx399
Placing Freehand Graphics In Fireworks399
To Import Vector Graphics From A Freehand File400
Copying And Pasting Or Dragging Freehand Graphics Into Fireworks400
Placing Fireworks Graphics In Freehand401
To Copy And Paste A Selected Freehand Graphic Into Fireworks401
To Drag A Freehand Graphic Into Fireworks401
Copying And Pasting Fireworks Graphics Into Freehand403
Copying And Pasting Fireworks Paths Into Freehand403
Exporting Fireworks Graphics To Freehand404
To Copy Selected Fireworks Paths404
Working With Other Vector Graphics Applications405
Unsupported Features405
Working With Macromedia Director Mx405
Placing Fireworks Files In Director406
Exporting Graphics With Transparency406
Exporting Layered And Sliced Content To Director406
Importing Fireworks Files Into Director407
Editing Director Cast Members In Fireworks409
To Start Fireworks To Edit A Director Cast Member409
Optimizing Cast Members In Director410
Working With Macromedia Homesite410
Placing Fireworks Images In Homesite410
Placing Fireworks Html In Homesite411
Exporting Fireworks Html To Homesite411
Copying Fireworks Html To The Clipboard For Use In Homesite411
Copying Code From An Exported Fireworks File And Pasting It Into Homesite412
Updating Fireworks Html Exported To Homesite412
Editing Fireworks Images In Homesite412
Working With Adobe Photoshop413
Placing Photoshop Graphics In Fireworks413
Dragging Individual Photoshop Graphics Into Fireworks413
Importing Photoshop Files Into Fireworks414
About Importing Text From Photoshop415
Specifying Photoshop File Import Options415
Using Photoshop Filters And Plug-Ins416
To Use Photoshop And Other Third-Party Filters And Plug-Ins Using The Preferences Dialog Box417
To Use Photoshop And Other Third-Party Filters And Plug-Ins Using The Live Filters Window417
Placing Fireworks Graphics In Photoshop418
To Export A File In Photoshop Format418
Customizing Files For Export To Photoshop419
About Working With Adobe Golive419
About Working With Html Editors420
About Extending Fireworks420
Chapter 16: Automating Repetitive Tasks421
Finding And Replacing422
To Select The Source For The Search422
Setting Options For Finding And Replacing In Multiple Files423
Finding And Replacing Text424
To Search For And Replace Words, Phrases, Or Text Strings424
Finding And Replacing Fonts425
Finding And Replacing Colors425
Finding And Replacing Urls425
Finding And Replacing Non-Websafe Colors426
Batch Processing426
Changing Optimization Settings With A Batch Process431
Scaling Graphics With A Batch Process431
To Set Export Settings For A Batch Process431
Finding And Replacing During A Batch Process432
To Set Scaling Options For Batch-Processed Files432
Changing Filenames With A Batch Process433
To Set Naming Options For Batch-Processed Files433
To Select Attributes To Find And Replace During A Batch Process433
Performing Commands With A Batch Process434
Specifying The Batch Process Output Location435
To Back Up Batch-Processed Files435
Saving Batch Processes As Scripts436
To Create A Batch Script436
To Run A Batch Script436
Running Scripts By Dragging And Dropping437
Extending Fireworks437
Using The Macromedia Extension Manager438
Scripting With The History Panel438
Creating Commands438
Playing Commands439
To Save Steps As A Command439
To Undo Or Redo Steps Using The History Panel439
To Change The Number Of Steps The History Panel Remembers439
About Scripting With Javascript440
About Scripting With Flash Swf Files440
To Replay A Selection Of Steps440
To Apply Selected Steps To Objects In Many Documents440
Managing Commands441
To Rename A Custom Command That You Created441
To Delete A Custom Command That You Created, Do One Of The Following441
To Rename Or Delete A Command That Shipped With Fireworks Or That You Downloaded From The Macromedia Exchange441
Editing Or Customizing A Command Script442
To Edit Selected Actions From The History Panel Using Javascript442
Flash Swf Movies Used As Fireworks Panels443
Setting Preferences445
Chapter 17: Preferences And Keyboard Shortcuts445
General Preferences446
Editing Preferences446
Launch And Edit Preferences447
Folders Preferences448
Photoshop Import Preferences448
Restoring Preferences449
Changing Keyboard Shortcut Sets449
Creating Custom And Secondary Shortcuts449
Deleting Custom Shortcuts And Custom Shortcut Sets450
Creating A Reference Sheet For The Current Shortcut Set451
Working With Configuration Files451
About User Configuration Files452
About Master Configuration Files That Affect All Users452
Location Of The Fireworks Preferences File452
About Reinstalling Fireworks453
Viewing Package Contents (Macintosh Only)453
Index455