MACROMEDIA FIREWORKS 8-USING FIREWORKS Mounting instructions

Using Fireworks

Trademarks
1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central,
ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite,
FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder,
Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit,
Studio MX, UltraDev, and WebHelp are either registered trademarks or 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, service marks, or trade names of Macromedia, Inc. or other entities and
may be registered in certain jurisdictions including internationally.
Third-Party Information
This guide contains links to third-party websites 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 website 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.
Copyright © 2005 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 written approval from
Macromedia, Inc. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which
this manual was provided may print out one copy of this manual from an electronic version of this manual for the sole
purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be
printed out, reproduced, distributed, resold, or transmitted for any other purposes, including, without limitation,
commercial purposes, such as selling copies of this documentation or providing paid-for support services.
Acknowledgments
Project Management: Charles Nadeau, Debi Robson
Writing: Rosanne Conroy
Editing: Melba Lancaster, Shawn Jackson, Lisa Stanziano
Production Management: Patrice O’Neill
Media Design and Production: Adam Barnett, Aaron Begley, John Francis, Paul Rangel, Arena Reed, Mario Reynoso
Localization Project Management: Luciano Arruda
Special thanks to Matt Hoffberg, Maureen Keating, David Spells, Marisa Bozza, Souvik Bose, Alan Musselman, Sheila McGinn,
Andrew Wilson, Rosana Francescato, Masayo Noda, Kashka Pregowska-Czerw, Kristin Conradi, Bonnie Loo, and the entire
Fireworks engineering and QA teams.
First Edition: August 2005
Macromedia, Inc.
601 Townsend St.
San Francisco, CA 94103

3
Contents
Chapter 1: Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
System requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Installing Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
What’s new in Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9
Guide to instructional media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Chapter 2: Fireworks Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
About working in Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
About vector and bitmap graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Creating a new document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Opening and importing files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Saving Fireworks files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
The Fireworks work environment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Chapter 3: Selecting and Transforming Objects. . . . . . . . . . . . . . 51
Selecting objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Selecting pixels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Editing selected objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Transforming and distorting selected objects and selections . . . . . . 69
Organizing objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74
Chapter 4: Working with Bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . .79
Working with bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Creating bitmap objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Accessing common photo editing tools all in one place . . . . . . . . . . . 82
Drawing, painting, and editing bitmap objects . . . . . . . . . . . . . . . . . . . . 83
Retouching bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Adjusting bitmap color and tone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Blurring and sharpening bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .104
Adding noise to an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .109

4Contents
Chapter 5: Working with Vector Objects . . . . . . . . . . . . . . . . . . . . 111
Drawing vector objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112
Editing paths. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Chapter 6: Using Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Entering text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Editing text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Applying strokes, fills, and filters to text . . . . . . . . . . . . . . . . . . . . . . . . . 157
Attaching text to a path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
Transforming text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Converting text to paths. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
Importing text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
Checking spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Using the Text Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Chapter 7: Applying Color, Strokes, and Fills . . . . . . . . . . . . . . . 167
Using the Colors section of the Tools panel . . . . . . . . . . . . . . . . . . . . . 168
Organizing swatch groups and color models . . . . . . . . . . . . . . . . . . . . 169
Using color boxes and color pop-up windows . . . . . . . . . . . . . . . . . . . 176
Working with strokes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
Working with fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Applying gradient and pattern fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Adding texture to strokes and fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Chapter 8: Using Live Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Applying Live Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Editing Live Filters. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Chapter 9: Layers, Masking, and Blending . . . . . . . . . . . . . . . . 203
Working with layers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Masking images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Blending and transparency . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230
Chapter 10: Using Styles, Symbols, and URLs . . . . . . . . . . . . . 235
Using styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236
Using symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Working with URLs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246

Contents 5
Chapter 11: Slices, Rollovers, and Hotspots. . . . . . . . . . . . . . . . . 251
Creating and editing slices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
Making slices interactive. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
Preparing slices for export . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269
Working with hotspots and image maps. . . . . . . . . . . . . . . . . . . . . . . . 275
Chapter 12: Creating Buttons and Pop-up Menus . . . . . . . . . . . 281
Creating button symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Creating navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Creating pop-up menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Chapter 13: Creating Animation . . . . . . . . . . . . . . . . . . . . . . . . . 307
Building animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Working with animation symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Working with frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .313
Tweening . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318
Previewing an animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .319
Exporting your animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
Working with existing animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
Using multiple files as one animation . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Chapter 14: Optimizing and Exporting . . . . . . . . . . . . . . . . . . . . 325
About optimizing. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326
Using the Export Wizard. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326
Optimizing in the workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331
Exporting from Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352
Sending a Fireworks document as an e-mail attachment . . . . . . . . . 370
Using the File Management button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371
Chapter 15: Using Fireworks with Other Applications . . . . . . . 373
Working with Macromedia Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 374
Working with Macromedia Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392
Working with Macromedia FreeHand MX . . . . . . . . . . . . . . . . . . . . . . 399
Working with Macromedia Director MX . . . . . . . . . . . . . . . . . . . . . . . . 405
Working with Macromedia HomeSite . . . . . . . . . . . . . . . . . . . . . . . . . . .410
Working with Adobe Photoshop. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .413
About working with Adobe GoLive. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .419
About working with HTML editors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420
About extending Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

6Contents
Chapter 16: Automating Repetitive Tasks . . . . . . . . . . . . . . . . . . 421
Finding and replacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .422
Batch processing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .426
Extending Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .437
Flash SWF movies used as Fireworks panels . . . . . . . . . . . . . . . . . . 443
Chapter 17: Preferences and Keyboard Shortcuts . . . . . . . . . . 445
Setting preferences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445
Changing keyboard shortcut sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 449
Working with configuration files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451
About reinstalling Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .453
Viewing package contents (Macintosh only). . . . . . . . . . . . . . . . . . . . .453
Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455

7
1
CHAPTER 1
Introduction
Macromedia Fireworks 8 is the definitive solution for professional web graphics design and
production. It is the first production environment to address and solve the special challenges
facing web graphics designers and developers.
You can use Fireworks to create, edit, and animate web graphics, add advanced interactivity,
and optimize images in a professional environment. In Fireworks, you can create and edit
bitmap and vector graphics in a single application. Everything is editable, all the time. And
you can automate the workflow to meet the demands of time-consuming updates and
changes.
Fireworks integrates with other Macromedia products such as Dreamweaver, Flash,
FreeHand, and Director, as well as your other favorite graphics applications and HTML
editors, to provide a truly integrated web solution. You can easily export Fireworks graphics
with HTML and JavaScript code customized for the HTML editor you’re using.
This chapter covers the following topics:
System requirements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Installing Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
What’s new in Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Guide to instructional media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
System requirements
Before installing Fireworks, make sure your computer meets the system requirements. For
more information, see the Macromedia website at www.macromedia.com/go/sysreqs.

8 Chapter 1: Introduction
Installing Fireworks
This section explains how to install Fireworks.
Be sure to read the release notes on the Macromedia website at www.macromedia.com/go/
fireworks_documentation for late-breaking information or instructions.
To install Fireworks:
1. Insert the Fireworks CD into your computer’s CD-ROM drive.
2. Do one of the following:
■In Windows, the Fireworks installation program starts automatically.
■On the Macintosh, double-click the Fireworks Installer icon.
3. Follow the onscreen instructions.
The installation program prompts you to enter the required information.
4. If prompted, restart your computer.
Registering Fireworks
It’s a good idea to register your copy of Macromedia Fireworks, electronically or by mail. You
can register electronically during the product activation process when you first launch
Fireworks.
By registering, you get on the priority list to receive up-to-the-minute notices about upgrades
and new Macromedia products. You will receive timely e-mail notices about product updates
and new content appearing on both the www.macromedia.com and
www-euro.macromedia.com websites.
To register your copy of Fireworks, do one of the following:
■Select Help > Online Registration and fill out the electronic form.
■Select Help > Print Registration, print the form, and mail it to the address shown on
the form.
Viewing the files installed with Fireworks
At some point you may need to view or access the files installed with Fireworks. During
installation, Fireworks places files in various locations on your system. It’s important to
understand why these files reside where they do. For more information, see “Working with
configuration files” on page 451.

What’s new in Fireworks 8 9
Macintosh users should pay special attention to the format Fireworks uses to store the
application and its default configuration files. For more information, see “Viewing package
contents (Macintosh only)” on page 453.
What’s new in Fireworks 8
Create and optimize images for the web with precise control in an intuitive, customizable
environment. New support for ActionScript and CSS (Cascading Style Sheet) formats allow
Fireworks to work even more efficiently with Dreamweaver and Flash. New file formats
supported, new panels and dramatically streamlined workflow optimize both your time and
your images.
Take advantage of the integrated workflow in Fireworks to create and optimize images for
Dreamweaver 8 and Flash Professional 8 without losing information or time with roundtrip
editing. Use improved support for CSS and ActionScript, as well as feature alignment with the
other Studio products.
Optimization
Image Editing panel This new panel is a central location where you can access
commonly used image editing tools, filters, and menu
commands.
More import file formats Fireworks 8 now supports import of QuickTime Image,
MacPaint, SGI & JPEG 2000 file formats (QuickTime plug-in
required for QuickTime support).
Batch processing workflow
optimized
Streamlined file renaming, the ability to check file dimensions
when scaling during a batch process and the addition of a
status bar and log file are just a few of the optimizations to this
workflow. For more information on batch processing, see
“Batch processing” on page 426.
Integrated workflow
CSS (Cascading Style
Sheet) pop-up menus
Fireworks 8 uses CSS (Cascading Style Sheet) format to
create interactive Pop-up Menus. The result is clean and easy
to customize code that integrates well with sites built in
Dreamweaver. For more information, see “About exporting
pop-up menus” on page 305.
Vector compatibility Vector attributes (fills, strokes, filters and blend modes) are
preserved when moving objects between Flash and Fireworks.

10 Chapter 1: Introduction
Use Fireworks for visual tools to create professional quality web graphics and animations such
as rollovers and pop-ups without the need to program. Exercise precise control over your
images with many new creative options.
More slicing options Polygon slices are inserted automatically when a selected
object is a polygon path. See “Creating nonrectangular slices”
on page 255.
Recognize ActionScript
color values
Fireworks recognizes ActionScript color values when copied
from Flash and pasted into Fireworks color value fields.
Use the "Save as"
command to save bitmaps
into different file types
Choose single-file output formats such as gif, jpg, tiff, in the
"Save As" dialog. See “Saving documents in other formats”
on page 27.
Evolved Open, Save and
Export logic
The logic used to determine the default folders in the Open,
Save, Save As, Save a Copy, and Export dialogs is enhanced
by reducing the amount of navigation required.
Less intrusive grids Like Flash, grids now use a dotted line and a lighter default grid
color.
Create without complexity
25 new blend modes 25 new choices to alter the look of your colors and objects.
Perspective shadow Add a perspective shadow to open paths and text objects.
Solid Shadow A new live filter that stamps the object it is applied to several
times.
Mobile interface
components
Mock up your mobile interface quickly with bitmap interface
components.
Sample buttons, animations
themes and bullets
Get started quickly with cool new assets like buttons,
animations, themes and bullets.
Auto Shape Properties
panel
This new panel is used to modify the properties of auto shape
properties such as the Star Auto Shape, Arrow Auto Shape or
Smart Polygon Auto Shape.
Live Marquee & Convert
Selections (Marquee to
Path and Path to Marquee)
Turn active selections into editable vector paths and the
reverse. Get instant feedback on filters and settings applied to
selections. See “Converting a marquee to a path” on page 63
and “Converting a path to a marquee selection” on page 138.
Autoname text Layers are automatically named by the text you type in them.
See “Naming a text object” on page 144.
Integrated workflow