MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

Using Fireworks

Trademarks
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver,
Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage
Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Contribute, Design in Motion,
Director, Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000,
Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer's Studio,
Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects,
MacRecorder Logo and Design, Macromedia, Macromedia Contribute, Macromedia Coursebuilder for Dreamweaver,
Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker,
Multimedia is the Message, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit,
ShockRave, Shockmachine, Shockwave, shockwave.com, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to
Power Your Ideas, Universal Media, Virtuoso, Web Design 101, Whirlwind and Xtra are trademarks of Macromedia, Inc. and
may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs,
titles, words or phrases mentioned within this publication may be trademarks, servicemarks, or tradenames of Macromedia, Inc.
or other entities and may be registered in certain jurisdictions including internationally.
This guide contains links to third-party Web sites that are not under the control of Macromedia, and Macromedia is not
responsible for the content on any linked site. If you access a third-party Web site mentioned in this guide, then you do so at your
own risk. Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia
endorses or accepts any responsibility for the content on those third-party sites.
Apple Disclaimer
APPLE COMPUTER, INC. MAKES NO WARRANTIES, EITHER EXPRESS OR IMPLIED, REGARDING THE
ENCLOSED COMPUTER SOFTWARE PACKAGE, ITS MERCHANTABILITY OR ITS FITNESS FOR ANY
PARTICULAR PURPOSE. THE EXCLUSION OF IMPLIED WARRANTIES IS NOT PERMITTED BY SOME STATES.
THE ABOVE EXCLUSION MAY NOT APPLY TO YOU. THIS WARRANTY PROVIDES YOU WITH SPECIFIC
LEGAL RIGHTS. THERE MAY BE OTHER RIGHTS THAT YOU MAY HAVE WHICH VARY FROM STATE TO
STATE.
Copyright © 2003 Macromedia, Inc. All rights reserved. This manual may not be copied, photocopied, reproduced,
translated, or converted to any electronic or machine-readable form in whole or in part without prior written approval of
Macromedia, Inc. Part Number ZFW70M200
Acknowledgments
Project Management: Gary White
Writing: Dale Crawford, Tonya Estes, Naheeda Ravjani
Editing Management: Rosana Francescato
Editors: Linda Adler, Mary Kraemer, Noreen Maher
Production Management: Patrice O’Neill
Multimedia Development: Aaron Begley
Photography: Chris Basmajian
Production: Adam Barnett, John Francis, Jeff Harmon
Special thanks to Jeff Ahlquist, Doug Benson, Rob McCullough, Joe Merritt, Melana Orton
First Edition: September 2003
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103

3
CONTENTS
CHAPTER 1: Selecting and Transforming Objects . . . . . . . . . . . . . . . . . . . . . . . . . 7
Selecting objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Selecting pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Editing selected objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Transforming and distorting selected objects and selections . . . . . . . . . . . . . . . . . 21
Organizing objects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
CHAPTER 2: Working with Bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Working with bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Creating bitmap objects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Drawing, painting, and editing bitmap objects . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Retouching bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Adjusting bitmap color and tone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Blurring and sharpening bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Adding noise to an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
CHAPTER 3: Working with Vector Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Drawing vector objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Editing paths. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
CHAPTER 4: Using Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Entering text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Editing text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Applying strokes, fills, and effects to text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Attaching text to a path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Transforming text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Converting text to paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Importing text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Checking spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Using the Text Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95

4 Contents
CHAPTER 5: Applying Color, Strokes, and Fills . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Using the Colors section of the Tools panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Organizing swatch groups and color models . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Using color boxes and color pop-up windows . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Working with strokes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Working with fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Applying gradient and pattern fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Adding texture to strokes and fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
CHAPTER 6: Using Live Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
Applying Live Effects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Editing Live Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
CHAPTER 7: Layers, Masking, and Blending . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Working with layers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Masking images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Blending and transparency . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
CHAPTER 8: Using Styles, Symbols, and URLs. . . . . . . . . . . . . . . . . . . . . . . . . 155
Using styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Using symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
Working with URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
CHAPTER 9: Slices, Rollovers, and Hotspots. . . . . . . . . . . . . . . . . . . . . . . . . . . 167
Creating and editing slices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
Making slices interactive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Preparing slices for export . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180
Working with hotspots and image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
CHAPTER 10: Creating Buttons and Pop-up Menus . . . . . . . . . . . . . . . . . . . . . 191
Creating button symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Creating navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Creating pop-up menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
CHAPTER 11: Creating Animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
Building animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
Working with animation symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Working with frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Tweening. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Previewing an animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Exporting your animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Working with existing animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
Using multiple files as one animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

Contents 5
CHAPTER 12: Optimizing and Exporting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
About optimizing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Using the Export Wizard. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Optimizing in the workspace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
Exporting from Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Sending a Fireworks document as an e-mail attachment . . . . . . . . . . . . . . . . . . . 262
Using the File Management button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
CHAPTER 13: Automating Repetitive Tasks. . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Finding and replacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Batch processing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
Extending Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
CHAPTER 14: Preferences and Keyboard Shortcuts . . . . . . . . . . . . . . . . . . . . . 281
Setting preferences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Changing keyboard shortcut sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Working with configuration files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
About reinstalling Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
Viewing package contents (Macintosh only) . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

6 Contents

7
CHAPTER 1
Selecting and Transforming Objects
As you work in Macromedia Fireworks MX 2004, you manipulate vector and bitmap objects, text
blocks, slices and hotspots, and areas of pixels. Using the selection and transformation tools, you
can move, copy, delete, rotate, scale, or skew objects. In documents that have multiple objects,
you can organize the objects by stacking, grouping, and aligning them.
Selecting objects
Before you can do anything with any object on the canvas, you must select it. This applies to a
vector object, path, or points; a text block, word, or letter; a slice or hotspot; an instance; or a
bitmap object.
You can use any of the following to select objects:
The Layers panel displays each object. You can click an object in the Layers panel to it select
when the panel is open and layers are expanded. For more information, see Chapter 7, “Layers,
Masking, and Blending,” on page 129.
For information about selecting specific areas of pixels in a bitmap image, see “Selecting pixels”
on page 10.
The Pointer tool selects objects when you click the objects or drag a selection area around
them.
The Subselection tool selects an individual object in a group or the points of a vector object.
The Select Behind tool selects an object that is behind another object.
The Export Area tool selects an area to be exported as a separate file.

8 Chapter 1: Selecting and Transforming Objects
Using the Pointer tool
The Pointer tool selects objects when you click them or when you drag a selection area around all
or part of the objects.
To select an object by clicking, do one of the following:
•Move the Pointer tool over the object’s path or bounding box and click.
•Click the object’s stroke or fill.
•Select the object in the Layers panel.
Tip: To preview what you would select if you were to click on an object beneath the pointer on the
canvas, choose the Mouse Highlight option in the Editing tab of the Preferences dialog box. For
more about preferences, see “Setting preferences” on page 281.
To select objects by dragging:
•Drag the Pointer tool to include one or more objects in the selection area.
Using the Subselection tool
You use the Subselection tool to select, move, or modify points on a vector path or an object that
is part of a group.
To move or modify objects with the Subselection tool:
1Choose the Subselection tool.
2Make a selection.
Selection handles appear.
3Do one of the following:
■To modify an object, drag one of its points or selection handles.
■To move the entire object, drag anywhere in the object except a point or selection handle.

Selecting objects 9
Using the Select Behind tool
When working with graphics that contain multiple objects, you can use the Select Behind tool to
select an object that is hidden or obscured by other objects.
To select an object that is behind other objects:
•Click the Select Behind tool repeatedly over the stacked objects, progressing through the
objects top to bottom in stacking order until you select the object you want.
Note: You also can select a hard-to-reach object by clicking it in the Layers panel when the layers
are expanded.
Selection information in the Property inspector
Whenever you select an object, the Property inspector identifies the selection. The upper left area
of the Property inspector contains the following information about the selection:
•A description of the item being inspected
•A text box to enter a name for that item
Note: The name appears in the title bar of the document whenever you select this item. For slices
and buttons, the name is the filename when exported.
•The number of objects when more than one object is selected
Note: If the status bar is turned on (Windows only), selected objects are also identified in the status
bar at the bottom of the document window.
The Property inspector also displays information and settings for the object type selected. For
example, when you select a vector path, the Property inspector displays vector path properties,
such as stroke width and color.
Modifying a selection
After you select a single object, you can add objects to the selection and deselect objects that are
selected. Using a single command, you can select or deselect everything on every layer in a
document. You can also hide the selection path so that you can edit a selected object while
viewing it as it will appear on the web or in print.
To add to a selection:
•Hold down Shift while clicking additional objects with the Pointer, Subselection, or Select
Behind tool.
To deselect an object while leaving other objects selected:
•Hold down Shift while clicking the selected object.

10 Chapter 1: Selecting and Transforming Objects
To select everything on every layer in the document:
•Choose Select > Select All.
Note: Select All does not select hidden objects.
To deselect all selected objects:
•Choose Select > Deselect.
Note: You must deselect the Single Layer Editing preference to select all visible objects on all
layers in a document. When you choose the Single Layer Editing preference, only objects on the
current layer are selected. For more information, see “Organizing layers” on page 131.
To hide the path selection feedback of a selected object:
•Choose View > Hide Edges.
Note: You can use the Layers panel or the Property inspector to identify the selected object when
the outline and points are hidden.
To hide selected objects:
•Choose View > Hide Selection.
Note: Hidden objects are not exported. (This does not apply to slice and hotspot web objects on
the Web Layer.)
To show all objects:
•Choose View > Show All.
Note: To hide objects whether they are selected or not, you can click or drag along the Eye column
in the Layers panel.
Selecting pixels
You can edit pixels over an entire canvas or choose one of the selection tools to constrain your
editing to a particular area of an image:
The pixel selection tools draw selection marquees that define the area of selected pixels. After you
draw the selection marquee, you can manipulate it by moving it, adding to it, or basing another
selection on it. You can edit the pixels inside the selection, apply filters to the pixels, or erase pixels
without affecting the pixels beyond the selection. You can also create a floating selection of pixels
that you can edit, move, cut, or copy.
The Marquee tool selects a rectangular area of pixels in an image.
The Oval Marquee tool selects an elliptical area of pixels in an image.
The Lasso tool selects a freeform area of pixels in an image.
The Polygon Lasso tool selects a straight-edged freeform area of pixels in an image.
The Magic Wand tool selects an area of similarly colored pixels in an image.