Fireworks 2 Bible. Joseph Lowery IDG BOOKS WORLDWIDE

Size: px

Start display at page:

Download "Fireworks 2 Bible. Joseph Lowery IDG BOOKS WORLDWIDE"

Andrea Stephany Wilson
5 years ago
Views:

1 Fireworks 2 Bible Joseph Lowery IDG BOOKS WORLDWIDE IDG Books Worldwide, Inc. An International Data Group Company Foster City, CA Chicago, IL Indianapolis, IN New York, NY

Foreword Preface Acknowledgments ix xi xix Chapter 1: Welcome to Fireworks 3 The New Generation of Web Graphic Tools 4 Of Pixels and Paths: The Best of Both Worlds 5 Vector tools with organic bitmaps

2 Foreword Preface Acknowledgments ix xi xix Chapter 1: Welcome to Fireworks 3 The New Generation of Web Graphic Tools 4 Of Pixels and Paths: The Best of Both Worlds 5 Vector tools with organic bitmaps 6 Bitmap compatibility 7 Live effects 8 Styles 9 Animation 9 Linking to the Web 10 Hotspots and slices 10 Images with behaviors 11 Optimizing for the Web 12 Dreamweaver Integration 13 Production Tools 13 URL Manager 13 Batch processing 14 What's New in Fireworks 2 15 User interface 15 Graphic creation 16 Web Connectivity 17 Chapter 2: Understanding the Interface 21 Navigating the Drawing Area 22 Accessing Toolbars 24 Opening the Toolbox 24 View controls 27 Main toolbar (Windows only) 31 Modify toolbar (Windows only) 32 Status bar (Windows only) 34

Managing the Floating Panels 34 Groupingand movingpanels 35 Hidingand revealing panels 36 Examining common features 36 Object inspector 38 Stroke panel 40 Fillpanel 41 Effects panel 43 Info panel 44

3 Managing the Floating Panels 34 Groupingand movingpanels 35 Hidingand revealing panels 36 Examining common features 36 Object inspector 38 Stroke panel 40 Fillpanel 41 Effects panel 43 Info panel 44 Tool options panel 45 Color mixer 46 Swatches panel 47 Layers panel 48 Frames panel 50 Styles panel 51 Behaviors inspector 52 URL Manager 53 Find & Replace panel 55 Project log 56 Using the Menüs 57 File menu 57 Edit menu 60 View menu 61 Insert menu 63 Modify menu 64 Text menu 69 Xtras 71 Window menu 72 Help menu (Windows only) 74 Chapter 3: Customizing Your Environment 79 Setting Preferences 79 General preferences 80 Editing preferences 82 Folder preferences 85 Adjusting a Document's Properties 86 Slicingan image 87 Using image map options 90 Selecting Print Options 91 Creating New Pages 93 Opening Multiple Images 99 Storing Files 101 Reverting to a saved file 103 Modifying Canvases 103 Altering the canvas size only 106 Picking a new canvas color 109

Chapter 4: Setting Up Documents 93 Creating New Pages 93 Width and height 94 Resolution 94 Canvas color 95 Opening Existing Images 97 Opening Multiple Images 99 Storing Files 101 Ciosinga file 102

4 Chapter 4: Setting Up Documents 93 Creating New Pages 93 Width and height 94 Resolution 94 Canvas color 95 Opening Existing Images 97 Opening Multiple Images 99 Storing Files 101 Ciosinga file 102 Reverting to a saved file 103 Modifying Canvases 103 Changing image and canvas size 103 Altering the canvas size only 106 Picking a new canvas color 109 Chapter 5: Creating and Transforming Objects 113 Understanding Objects in Fireworks 113 Examining Paths 114 Applying a stroke 114 Open and closed paths 116 Center point 116 Direction 117 Startingfrom Shapes 117 Rectangles and Squares 118 Ellipses and circles 120 Polygons and stars 122 Drawing Lines and Freeform Paths 126 Straight lines 126 Freeform Pencil and Brush 127 Constructing Bezier Curves 130 Drawing lines with the Pen 131 Creating smooth curves with the Pen 132 Mixing lines and curves 132 Adjusting curves 133 Using the keyboard modifiers 135 Chapter 6: Working with Images 137 Understanding Bitmapped Images in Fireworks 137 Examining Image Edit Mode 138 Starting Image Edit mode 138 Leaving Image Edit mode 140

Examining other Image Mode functions 140 Opening existing images 141 Inserting an Image into a Document 142 Inserting an Empty Image 143 Using Image Edit Mode Tools 143 Pointer 144 Marquee 145 Lasso

5 Examining other Image Mode functions 140 Opening existing images 141 Inserting an Image into a Document 142 Inserting an Empty Image 143 Using Image Edit Mode Tools 143 Pointer 144 Marquee 145 Lasso and Polygon Lasso 148 Magic Wand 150 Rubber Stamp 153 Eraser 155 Fireworks Technique: Limiting Your Drawing Area 156 Selecting Images 157 Selectingall 157 Selecting none 157 Selecting inverse 157 Featheringan existing selection 158 Selecting similar 159 Applying Object Tools to Images 159 Converting an Object to an Image 160 Chapter 7: Managing Color 163 Working with Color on the Web 163 Bitdepth 164 Hexadecimal colors 165 Web-safe colors 166 Platform differences 166 Mixing Colors 167 Using the Color Mixer 167 Choosing a color 168 Accessing the color modeis 169 Selecting Swatches of Color 172 Choosing from the color wells 173 Using the Swatches panel 175 Fireworks Technique: Converting Pantone Colors to Web-Safe Colors 179 Chapter 8: Choosing Strokes 183 Using the Stroke Panel 183 Stroke categories and types 185 Stroke edge and size 186 Stroke texture 186 Working with the Built-in Strokes 188 Pencil 188 Basic 189 Airbrush 190

XXVÜ Calligraphy 190 Charcoal 191 Crayon 192 Feit Tip 193 Oil 194 Watercolor 195 Random 196 Unnatural 197 Creating New Strokes 198 Managing your strokes 198 Editing the stroke 201 Fireworks

6 XXVÜ Calligraphy 190 Charcoal 191 Crayon 192 Feit Tip 193 Oil 194 Watercolor 195 Random 196 Unnatural 197 Creating New Strokes 198 Managing your strokes 198 Editing the stroke 201 Fireworks Technique: Making Dotted Lines 210 Orienting the Stroke 212 Using Pressure-Sensitive Tablets 213 Chapter 9: Structuring Paths 215 Transforming Objects Visually 216 Scaling 216 Changing scaling options 218 Skewing 219 Distorting 220 Rotating 221 Transforming Objects Numerically 223 Fireworks Technique: Creating Perspective 224 Altering the opacity 226 Using Mask Groups 226 Managing Points and Paths 228 Moving points with the Subselection tool 228 Addingand removing points 229 Closing an open path 230 Working with multiple paths 231 Editing Paths 232 Redrawing a path 232 Freeform and Reshape Area 233 PathScrubber 237 Knife 238 Path Operations 240 Union 240 Intersect 241 Punch 242 Crop 242 Simplify 242 Expand Stroke 243 Inset path 245

r Chapter 10: Composing with Text 247 Using the Text Editor 247 Previewing on the fly 249 Choosing basic fönt characteristics 250 Adjusting text spacing 252 AligningText 254 Enabling Text Editor

7 r Chapter 10: Composing with Text 247 Using the Text Editor 247 Previewing on the fly 249 Choosing basic fönt characteristics 250 Adjusting text spacing 252 AligningText 254 Enabling Text Editor options 256 Re-Editing Text 257 Importing Text 257 Transforming Text 259 Adding strokes 259 Enhancing fills 260 Using the transform tools 262 Converting text to paths 263 TextonaPath 265 Fireworks Technique: Masking Images with Text 268 Chapter 11: Fills and Textures 273 Using Built-in Fills 273 Turning off an object's fill 274 Solid 275 WebDither 276 Managing Gradients 278 Applying a Gradient fill 278 Altering gradients 280 Savingand renaming 283 Using the Styles feature 284 Fireworks Technique: Making Transparent Gradients 285 Using Patterns 286 Adding new patterns 287 Altering patterns 289 Fireworks Technique:Creating Seamless Patterns 290 Adding Texture to Your Fills 294 Adding new textures 296 Assigning an additional Textures folder 297 Filling with the Paint Bücket 298 Chapter 12: Live Effects 301 Working with Predesigned Effects 301 Inner and Outer Bevel 303 DropShadows 306 Emboss 310 Glow 311

Fireworks Technique: Making Perspective Shadows 312 Applying Multiple Effects 315 Managing Live Effects 317 Storing a customized effect 318 Using the effect in another document 318 Using the Styles

8 Fireworks Technique: Making Perspective Shadows 312 Applying Multiple Effects 315 Managing Live Effects 317 Storing a customized effect 318 Using the effect in another document 318 Using the Styles ffeature 319 Chapter 13: Arranging and Compositing Objects 321 Using Layers 321 Working with layers 322 Hiding selected objects 325 Aligningand Distributing Objects 326 Getting Layout Assistance 329 Using rulers 329 Working with guides 331 Thegrid 334 Grouping Objects 336 Subselecting and superselecting 336 Maskgroups 337 Fireworks technique: quick photo edges 341 Opacity and Blending 344 Controlling opacity 344 Using blending modes 345 The modes themselves 346 Fireworks technique: copy, paste, and blend 348 Chapter 14: Xtras and Filters 353 Apply an Xtra to... What? 353 Path objects 354 Image objects 355 Pixel selections in an image object 355 False pixel selections 355 Multiple objects 356 Xtras That Aren't Extras 357 Sharpening to bring out detail 358 Adding depth with blurring 359 Working with the PhotoOptics Filters 361 Saving PhotoOptics settings 363 Color correction 363 Fireworks Technique: The Fireworks Photocopier 366 Using Photoshop-Compatible Filters 368 Installing third-party filter packages 368 Using filters with multiple applications 370 Alien Skin Eye Candy MetaCreations Kai's Power Tools 5 376

Chapter 15: Scanningand Importing 385 Scanningand Resolution Basics 385 Fireworks, Meet Scanner 387 TWAIN-compliant devices 388 Installing Photoshop Acquire plug-ins (Macintosh) 389 The Scanning

9 Chapter 15: Scanningand Importing 385 Scanningand Resolution Basics 385 Fireworks, Meet Scanner 387 TWAIN-compliant devices 388 Installing Photoshop Acquire plug-ins (Macintosh) 389 The Scanning Process 389 Selecting a scan resolution 389 Choosing a color depth 391 Settingother options 392 Inserting Objects from Other Applications 393 Copy and paste 393 Drag and drop 394 Importing External Files 395 Bitmap imagefiles 396 Vector art files 398 Importing Text 400 Opening Animations 401 Importing multiple files as a new animation 401 Importing Flash animations 403 Chapter 16: Exporting and Optimizing 407 Exporting for the Web 407 Working with Export Preview 408 Previewing 410 Panning 411 Cropping 411 Zooming 412 Multiple Windows 413 Frame controls 415 Export formats and palettes 416 Scaling and cropping exported images 429 Export Color Options 432 Sort by Popularity 433 Matte 434 Using the Export Wizards 436 Additional Export Options 438 Exporting files 439 Exporting as CSS layers 440 Exporting as Image Wells 443 Exporting Single slices 444 Exporting Again 445

, ;, ^ M M M M H I H Chapter 17: Workingwith Fireworks Styles 447 Understanding Styles 448 Applying Styles 449 Creating New Styles 450 Managing Styles 452 Fireworks Technique: Isolating Patterns and

10 , ;, ^ M M M M H I H Chapter 17: Workingwith Fireworks Styles 447 Understanding Styles 448 Applying Styles 449 Creating New Styles 450 Managing Styles 452 Fireworks Technique: Isolating Patterns and Textures from Styles 454 Chapter 18: Updating and Maintaining Web Graphics 457 Preview in Browser 458 Managing Links with the URL Manager 460 Accessing the URL History list 461 Adding URLs to the URL Library 462 Managing URL Libraries 464 Updating Graphics with Find & Replace 466 Searching and replacing text 469 Searching with regulär expressions 470 Altering fönt characteristics 474 Changing colors throughout a site 475 Updating URLs 476 Working with the Project Log 478 Batch Processing Graphics Files 479 Basic procedure 480 Running Scriptlets Chapter 19: Mastering Image Maps and Slices 487 Understanding Image Maps and Hotspots 487 Using the Hotspot Tools 489 Rectangular hotspot 491 Ovalhotspot 491 Polygon hotspot 492 Assigning links to hotspots 493 Converting an object to a hotspot 495 Exporting Image Map Code 496 Choosing an HTML style 496 Inserting image map code in a Web page 498 Understanding Slices 504 Slicing Images in Fireworks 505 Workingwith sliceguides 507 Copying an image to a slice 508 SettingURLs in slices 508

Exporting Slices 512 Setting the Export options 513 Inserting slices in a Web page 514 Fireworks Technique: Animating a Slice 516 Chapter 20: Activating Fireworks with Behaviors 521 Understanding

11 Exporting Slices 512 Setting the Export options 513 Inserting slices in a Web page 514 Fireworks Technique: Animating a Slice 516 Chapter 20: Activating Fireworks with Behaviors 521 Understanding Behaviors 521 Using the Behaviors Panel 522 Adding new Behaviors 523 Modifying a Behavior 524 Deleting a Behavior 524 Creating Rollovers 525 How rollovers work 525 Rollover states 526 Creating rollover images 526 Applying the Simple Rollover Behavior 528 Exporting Rollovers for the Web 529 Exporting the code from Fireworks 531 Inserting rollover code in your Web page 532 Advanced Rollover Techniques 535 Making disjointed rollovers 535 Creating external rollovers 536 Working with hotspot rollovers 537 Togglegroups 538 Displaying a Status Message 540 Chapter 21: Customizing Fireworks 543 Understanding the HTML and JavaScript Engine 543 Adding New Templates 544 Customizing HTML and JavaScript Output 545 Fireworks Extensions 546 Global Methods 547 alert(message) 547 confirm(message) 548 prompt(caption, text) 548 WRITE_HTML(argl[, arg2,... argn]) 549 write(argl[,arg2,... argn]) 549 Global Objects 549 App 550 Document 565 Find 572 Files 572 Errors 577 Hotspot Objects 579

exportdoc 579 imagemap 581 Behaviors 582 Slices Object 584 Static properties 585 Instance properties 585 Methods 587 Developing Scriptlets 588 Chapter 22: Integration with Dreamweaver 591 Integration

12 exportdoc 579 imagemap 581 Behaviors 582 Slices Object 584 Static properties 585 Instance properties 585 Methods 587 Developing Scriptlets 588 Chapter 22: Integration with Dreamweaver 591 Integration Overview 591 Optimizing Images with Fireworks 594 Editing Images with Fireworks 596 Exporting Dreamweaver Code 597 Working with Dreamweaver Libraries 598 Fireworks technique: adding CSS layersto Dreamweaver 601 Using Fireworks Behaviors in Dreamweaver 603 : ":' 5,'/ ; ;''.; =;':;:V^; :Jy- X///X.:iX^X?- : 'yy ^'"''..';' ' *:~^:'"'?:'' y r --B;:);Ui - Chapter 23: Basic Animation Techniques 609 Understanding Web Animation 609 Bandwidth, bandwidth, bandwidth 610 Making a statement 610 Why animate a GIF? 611 The Fireworks Animation Toolkit 613 Managing frames 613 Animating objects 617 Using Onion Skinning 620 Using the VCR controls 622 Export settings and options 622 Web Design with Animated GIF Images 626 Animated background images 626 Reusing animations 627 Scalingan animation 627 Using the browser's background image 627 Preload an animation 627 Animated rollovers 628 Sliceup animations 629 Fireworks Technique: Creating Banner Ads 629 Step one: Set the stage 630 Step two: Write the Script 631 Step three: Create the cast of characters 632 Step four: Direct the action 633 Step five: Leave the excess on the cutting-room floor 637

XXXIV Chapter 24: Working with Symbols and Instances 639 Understanding Symbols and Instances 639 Creating Symbols and Instances 641 Creatlng Symbols 642 Creating Instances 642 Modifying Linked

13 XXXIV Chapter 24: Working with Symbols and Instances 639 Understanding Symbols and Instances 639 Creating Symbols and Instances 641 Creatlng Symbols 642 Creating Instances 642 Modifying Linked Objects 643 Modifying a Symbol 644 Modifying an Instance 645 Trick Instance Updates 645 Managing Symbols and Instances 646 Finding linked objects 646 Unlinking linked objects 646 Deleting linked objects 647 Tweening with Fireworks 647 Fireworks Technique: Fading In and Out 650 Fireworks Technique: Animating Xtras 652 Fireworks Technique: Tweening Depth 654 Appendix A: Keyboard Shortcuts 657 Appendix B: Whaf s on the CD-ROM 677 Index 681 End-User License Agreement 719 CD-ROM Installation Instructions 726

GRAPHIC DESINGING - FLASH. Flash Syllabus. Introduction To Flash. Object based animation. Motion Tween Presets. File menu. Edit menu.

GRAPHIC DESINGING - FLASH. Flash Syllabus. Introduction To Flash. Object based animation. Motion Tween Presets. File menu. Edit menu. GRAPHIC DESINGING - FLASH Flash Syllabus To Flash Object based animation Motion Tween Presets File menu Edit menu View menu Insert menu Modify menu Text menu Commands menu Control menu Debug menu Windows