Fireworks 4 Bible. 21.44MB 2013-07-11 21:56:20

100%

“Has an astonishing amount of information about
Fireworks and details how to master all of its abilities.”
— Dennis Griffin, Vice President, Fireworks Development, Macromedia, Inc.

ONE HUNDRED PERCENT

COMPREHENSIVE
AUTHORITATIVE
WHAT YOU NEED

Includes 16 pages of
full-color examples

ONE HUNDRED PERCENT

Create trafficstopping Web
graphics

Build eye-catching

special effects and
animations

Streamline your
workflow with
new tools

F

ireworks 4

le

BONUS
CD-ROM
Valuable tutorials, templates,
textures, and other trial software

®


Author of
the bestselling
Dreamweaver 4 Bible

Joseph Lowery with Simon White
Foreword by Dennis Griffin, Vice President, Fireworks Development, Macromedia, Inc.

Fireworks 4 Bible
®

Fireworks 4 Bible
®

Joseph Lowery
with Simon White

Hungry Minds, Inc.
New York, NY ✦ Cleveland, OH ✦ Indianapolis, IN

Fireworks® 4 Bible

Published by
Hungry Minds, Inc.
909 Third Avenue
New York, NY 10022
www.hungryminds.com
Copyright © 2001 Hungry Minds, Inc. All rights
reserved. No part of this book, including interior
design, cover design, and icons, may be reproduced
or transmitted in any form, by any means (electronic,
photocopying, recording, or otherwise) without the
prior written permission of the publisher.
Library of Congress Control Number: 2001089114
ISBN: 0-7645-3570-6
Printed in the United States of America
10 9 8 7 6 5 4 3 2 1
1B/QR/QV/QR/IN
Distributed in the United States by Hungry Minds, Inc.
Distributed by CDG Books Canada Inc. for Canada; by
Transworld Publishers Limited in the United
Kingdom; by IDG Norge Books for Norway; by IDG

Sweden Books for Sweden; by IDG Books Australia
Publishing Corporation Pty. Ltd. for Australia and
New Zealand; by TransQuest Publishers Pte Ltd. for
Singapore, Malaysia, Thailand, Indonesia, and Hong
Kong; by Gotop Information Inc. for Taiwan; by ICG
Muse, Inc. for Japan; by Intersoft for South Africa; by
Eyrolles for France; by International Thomson
Publishing for Germany, Austria, and Switzerland; by
Distribuidora Cuspide for Argentina; by LR
International for Brazil; by Galileo Libros for Chile; by
Ediciones ZETA S.C.R. Ltda. for Peru; by WS
Computer Publishing Corporation, Inc., for the
Philippines; by Contemporanea de Ediciones for

Venezuela; by Express Computer Distributors for the
Caribbean and West Indies; by Micronesia Media
Distributor, Inc. for Micronesia; by Chips
Computadoras S.A. de C.V. for Mexico; by Editorial
Norma de Panama S.A. for Panama; by American
Bookshops for Finland.

For general information on Hungry Minds’ products
and services please contact our Customer Care
department within the U.S. at 800-762-2974, outside
the U.S. at 317-572-3993 or fax 317-572-4002.
For sales inquiries and reseller information, including
discounts, premium and bulk quantity sales, and
foreign-language translations, please contact our
Customer Care department at 800-434-3422,
fax 317-572-4002 or write to Hungry Minds, Inc.,
Attn: Customer Care Department, 10475 Crosspoint
Boulevard, Indianapolis, IN 46256.
For information on licensing foreign or domestic
rights, please contact our Sub-Rights Customer Care
department at 212-884-5000.
For information on using Hungry Minds’ products
and services in the classroom or for ordering
examination copies, please contact our Educational
Sales department at 800-434-2086 or fax 317-572-4005.
For press review copies, author interviews, or other
publicity information, please contact our Public

Relations department at 317-572-3168 or fax
317-572-4168.
For authorization to photocopy items for corporate,
personal, or educational use, please contact
Copyright Clearance Center, 222 Rosewood Drive,
Danvers, MA 01923, or fax 978-750-4470.

LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE PUBLISHER AND AUTHOR HAVE USED THEIR
BEST EFFORTS IN PREPARING THIS BOOK. THE PUBLISHER AND AUTHOR MAKE NO
REPRESENTATIONS OR WARRANTIES WITH RESPECT TO THE ACCURACY OR COMPLETENESS OF THE
CONTENTS OF THIS BOOK AND SPECIFICALLY DISCLAIM ANY IMPLIED WARRANTIES OF
MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. THERE ARE NO WARRANTIES WHICH
EXTEND BEYOND THE DESCRIPTIONS CONTAINED IN THIS PARAGRAPH. NO WARRANTY MAY BE
CREATED OR EXTENDED BY SALES REPRESENTATIVES OR WRITTEN SALES MATERIALS. THE
ACCURACY AND COMPLETENESS OF THE INFORMATION PROVIDED HEREIN AND THE OPINIONS
STATED HEREIN ARE NOT GUARANTEED OR WARRANTED TO PRODUCE ANY PARTICULAR RESULTS,
AND THE ADVICE AND STRATEGIES CONTAINED HEREIN MAY NOT BE SUITABLE FOR EVERY
INDIVIDUAL. NEITHER THE PUBLISHER NOR AUTHOR SHALL BE LIABLE FOR ANY LOSS OF PROFIT OR
ANY OTHER COMMERCIAL DAMAGES, INCLUDING BUT NOT LIMITED TO SPECIAL, INCIDENTAL,
CONSEQUENTIAL, OR OTHER DAMAGES.

Trademarks: Hungry Minds and the Hungry Minds logo are trademarks or registered trademarks of Hungry
Minds, Inc. Dreamweaver 4, Dreamweaver UltraDev 4, Fireworks 4, and Flash 5 are registered trademarks of
Macromedia, Inc. All other trademarks are the property of their respective owners. Hungry Minds, Inc. is not
associated with any product or vendor mentioned in this book.

is a trademark of Hungry Minds, Inc.

About the Authors
Joseph Lowery has been writing about computers since 1981. Besides writing for
such magazines as Wired and the Seybold Report on Internet Publishing, he has written several books, including Fireworks 3 Bible, Dreamweaver 4 Bible, Buying Online
For Dummies, and the upcoming Dreamweaver UltraDev Bible (Hungry Minds, Inc.).
He has garnered the attention and respect of many at Macromedia and has been featured as a presenter for Macromedia User Conferences, and as a speaker for
Macromedia Web World. Joe also teaches at Seybold Conferences. His latest forum
is teaching Dreamweaver courses on eHandsOn, an online training center offered
by eHandsOn Corp. for Web site design and production using Macromedia
Dreamweaver and Fireworks. A professional Web developer, Joe lives in New York
City with his wife, Debra Wanner, and his daughter, Margot.
Simon White is a writer, artist, and musician who started creating Web sites in
1995. He has served as lead designer for Web production companies in New York
and San Francisco, and has contributed to a number of books on Web design and

graphics. Long a specialist in multimedia for the Web, he is currently working in the
emerging Internet music industry. Simon lives in San Francisco — near the beach —
with his wife, Kelly, and a couple of Macs. You can reach him at simonwhite.com.

Credits
Acquisitions Editor
Michael Roney

Permissions Editor
Carmen Krikorian

Project Editor
Laura Brown

Media Development Specialist
Angela Denny

Technical Editor
Derren Whiteman


Media Development Coordinator
Marisa E. Pearman

Copy Editor
Roxane Marini
Nancy Rapoport

Proofreading and Indexing
York Production Services, Inc.

Proof Editor
Cindy Lai
Project Coordinator
Emily Wichlinski
Graphics and Production Specialists
Sean Decker
John Greenough
Kendra Span
Brian Torwelle
Quality Control Technicians

Joel Draper
Marianne Santy

Special Help
Leah Cameron
Paula Lowell
Angela Langford
Rev Mengle
Kyle Looper
Candace Nicholson

For Simon — Thanks for taking this mountain and making it into a molehill. Okay, it
was still one really big molehill, but you climbed it artfully. — JL
For Jinni and Ben Konis, who continue to make art a way of life. — SW

Foreword

W

hen we first set out to do Fireworks, we didn’t know what the software was

going to look like or what features we were going to have. We didn’t even
know what we were going to call it! All we knew was that we were going to identify
and solve the problems that professional Web developers were having in producing
and integrating graphics into their Web site production workflow.
Let me tell you, it’s fun trying to keep up with all the changes that you are all making in the way that business is done today. We certainly don’t have to worry about
suffering from boredom around Macromedia any time soon! When we first started
working on Fireworks, Macromedia’s most popular software products were Director
and FreeHand. Dreamweaver, Flash, and Fireworks were unknowns. Now, just over
four years later, those three Web-focused packages are fantastically popular and
becoming even more so.
Although it sometimes seems like a lifetime, it really has been just three years since
we released the first public beta of Fireworks. Since then, we’ve been listening
intently to and watching you, our customer, to find out what you think this software
is for.
People want Fireworks to do such a broad range of things that it’s hard to categorize, but we think that it can be summed up as “Do more in Fireworks in less time”
and “Get work out of Fireworks to other programs in less time.” Funny that: There
seems to be a concentration on less time in pretty much all we hear. The overriding
thing we’ve heard, in addition, is that the Fireworks user is also a Dreamweaver
user. So we’ve made Dreamweaver and Fireworks work together much more closely.
In the attempt to get “more done” in Fireworks, we’ve added some great things to
Fireworks 4:
✦ We incorporated the common Macromedia User Interface to allow you to
work smoothly in several Macromedia Web design applications at once —
Dreamweaver, Fireworks, and Macromedia Flash — and use the familiar user
interface they share.
✦ The Pop-up Menu Creator enables you to add sophisticated navigation effects
with multilevel pop-up menus.
✦ With the new Drag-and-Drop Rollovers feature, you can create complex
rollovers quickly by simply dragging and dropping from one slice to another.

✦ We’ve included many masking and Layers panel enhancements, so you can
navigate and edit files easily using the new Layers panel, which offers both
expanded thumbnails of each layer’s objects and advanced masking
capabilities.
✦ We’ve refined the Photoshop import capability to allow you to share
Photoshop files freely among teams with improved fidelity and better layer
mask handling; there’s even a new Photoshop export feature.
✦ Our Live Animation feature puts controls to reposition, redirect, and reanimate simple animations across multiple frames, right in the Fireworks
workspace.
✦ Quickly set up and execute batch processes, including commands, with our
new step-by-step Batch Processing Wizard.
✦ With Fireworks 4’s enhanced Roundtrip Table Editing, you can edit and update
HTML and JavaScript code and graphics from Dreamweaver, while maintaining edits to your table.
✦ The Export controls have been significantly beefed up for enhanced setup and
export of HTML/JavaScript and images, with customized automatic file naming, improved table handling, and other output options.
✦ The Selective JPEG compression feature lets you maintain image clarity, while
reducing file size by compressing only selected portions of your image.
The real question that we on the Fireworks team are curious about is “What will the
future demand?” Are you ready to make the leap to using CSS? Do you need
XHTML? When will SVG become relevant, or will it? Do you want to replace all of
your GIF images with PNGs?
But what we want you to remember is that the most important feature of our software is our users. We dedicate ourselves to making the time to visit Web developers, participate in our newsgroup, and read our wish list, so we know what you
think the future is all about. If you still have questions and comments after reading
Joseph’s book, please drop us a note at wish-fireworks@macromedia.com. I guarantee it’ll be read.
Dennis Griffen
Vice President
Fireworks Development
Macromedia, Inc.

Preface

R

emember that burst of pleasure when you first realized how exciting the Web
could be? I’ll let you in on a little secret: Macromedia Fireworks makes creating graphics for the Web fun again. Images produced with Fireworks are as sophisticated and rich as those created with any other combination of programs, plus
they’re Web-ready — as optimized as possible and bundled with HTML and
JavaScript code for amazing interactive effects.
I’ll be the first to admit my bias. I’m a Dreamweaver power user, and it seems only
natural to combine Macromedia’s exciting Web-graphics solution with its premier
Web-authoring tool. In fact, Macromedia encourages you to do so with its
Dreamweaver Fireworks Studio. But while I’m confessing, let me also note that I
have no patience for tools that don’t do the job. The wonderful revelation about
Fireworks is that this program eliminates production bottlenecks I didn’t even know
existed — all while producing stunning imagery that stays editable through revision
after easy revision.
When I set out to write this book, I decided to really push Fireworks. Rather than
using it merely to optimize a series of images (which it does superbly), or to create
a compact animation (which it also does superbly) from work created in other programs, I used Fireworks exclusively for all image manipulation and creation.
Consequently, both my productivity and my creativity went through the roof.
Fireworks 4 Bible was designed to give you all the information and techniques you
need to achieve the same results.

Who Should Read This Book?
The Web is, without a doubt, one of the key phenomena of our time, and it has
attracted an enormous amount of talent, both artistic and technical. After all, how
often does a new mass medium appear? The range of Web designers extends from
first-generation artists drawn to the exciting Internet possibilities, to print professionals who want to expand their creative horizons. Fireworks 4 Bible talks to all
those groups, offering solutions to everyday graphics problems, as well as providing a complete reference for the program.

xii

Preface

What Hardware and Software Do You Need?
Fireworks 4 Bible includes full coverage of Macromedia Fireworks 4. If you don’t
own a copy of the program, the CD-ROM that accompanies this book contains a
fully functional, 30-day trial version. Written to be platform-independent, this book
covers both Macintosh and Windows versions of Fireworks 4.
Fireworks for Windows requires a Pentium processor (Pentium II or higher recommended) and one of the following operating systems: Windows 95, Windows NT 4
(Service Pack 5 or later), Windows 98, Windows Me, or Windows 2000.
Fireworks for Macintosh requires a PowerPC processor (G3 or higher recommended) and Mac OS 8.6 or a later version, including Mac OS X.
On either platform, Fireworks also requires the following:
✦ 64MB of available RAM
✦ 100MB of available disk space
✦ 800×600-pixel, 256-color display (1,024×768 pixels or higher and millions of
colors recommended)
✦ Adobe Type Manager 4, or a later version may be required if you work with
Type 1 (PostScript) fonts
Please note that these requirements are the minimum. As with all graphics-based
design tools, more capability is definitely better for using Fireworks, especially in
terms of RAM and processor speed.

How This Book Is Organized
Fireworks 4 Bible can take you from raw beginner to full-fledged professional if read
cover to cover. However, you’re more likely to read each section as needed, taking
the necessary information and coming back later. To facilitate this approach,
Fireworks 4 Bible is divided into seven major, task-oriented parts. When you’re
familiar with Fireworks, feel free to skip around the book, using it as a reference
guide as you build your own knowledge base.
The early chapters present the basics, and all chapters contain clearly written
steps for the tasks you need to perform. In later chapters, you’ll encounter sections
labeled “Fireworks Techniques.” Fireworks Techniques are step-by-step instructions
for accomplishing specific Web-design tasks — for example, using a mask to add an
interesting border to an image. Naturally, you can also use Fireworks Techniques as
stepping-stones for your own explorations into Web-page creation.

Preface

If you’re running Fireworks while reading this book, don’t forget to use the CD-ROM.
An integral element of the book, the CD-ROM offers a number of additional
Fireworks textures, gradients, and HTML templates, in addition to trial programs
from major software vendors.

Part I: Seeing the Fireworks
Part I begins with an overview of the Fireworks philosophy and design. To get the
most out of the program, you need to understand the key advantages it offers and
the deficiencies it addresses. Part I takes you all the way from setting up documents
to getting the most out of Fireworks.
The opening chapters give you a full reference to the Fireworks interface and all of
its customizable features. Chapter 1 will be of special interest to users of previous
versions of Fireworks; it’s a complete guide to all the newly added features in
Fireworks 4. Later chapters in Part I provide an overview of everything that
Fireworks can do — this feature-rich program will often surprise you.

Part II: Mastering the Tools
The Fireworks approach to graphics is fundamentally different from any other tool
on the market. Consequently, you’ll need to travel the short learning curve before
you can get the most out of Fireworks. The early chapters in Part II cover all the
essentials, from basic object creation, to full-blown photo manipulation.
Color is a key component of any graphic designer’s tool kit, and color on the Web
requires special attention, as you’ll see in Chapter 7. The object-oriented nature of
Fireworks is explored in chapters on creating simple strokes and combining paths
in a variety of ways to help you make more sophisticated graphics. Fireworks
excels at creating graphical text for the Web — you’ll see how in Chapter 10.

Part III: Achieving Effects
Fireworks graphics really begin to gain depth in Part III. The variety of fills and textures available — as well as the capability to add your own — are critical for the
wide range of image production for which a Web designer is responsible. Chapter
12 explores the exciting world of Fireworks Live Effects and Xtras, which are exciting not just because they’re easy to use and they look great, but also because of the
positive impact that their always-editable nature will have on your workflow.
Most of the time, a graphic will actually contain a number of images. Chapter 13
explains the Fireworks methods for arranging and compositing multiple objects in
order to achieve stunning results. Fireworks’ mask-group feature, in particular, is an
especially creative and powerful tool that takes the hard work out of alpha channels. Although Fireworks is a great drawing tool, it’s also adept at handling bitmap
imagery.

xiii

xiv

Preface

Part IV: Coordinating Workflow
Web design is an ongoing process, not a single event. Part IV is dedicated to helping
you streamline your workflow efficiently, as you acquire images via scanning or
importing, manipulate them in Fireworks, and then optimize them on export, either
for the Web or for import into other creative tools, such as Macromedia Director or
Flash.
Although it’s true that Web graphic design is an art form, it’s also a business — and
one element of that business is applying a consistent look and feel to each element
of a particular Web site. Fireworks styles enable you to save formatting instructions
from one object and apply them to other objects again and again. The Library panel
(new in Fireworks 4) is a place to store symbols, objects you use again and again,
such as logos and navigation buttons. Fireworks symbols further minimize repetitive work by linking similar objects so that changes need only be made once.
Chapter 18 describes how Fireworks 4 helps you update and maintain your graphics through the URL panel and the surprising Find and Replace feature. The final
chapter in Part IV covers the new Commands and History panels, tools that automate your workflow by recording and scripting common tasks.

Part V: Entering the Web
Fireworks broke new ground as the first image editor to output HTML and
JavaScript code. With its full-featured hotspots, image maps, and sliced images
embedded in HTML tables, Fireworks is incredibly Web-savvy. Part V explains the
basics of Web interactivity for those designers unfamiliar with the territory and
also offers specific step-by-step instructions for linking JavaScript behaviors to
graphics.
If you work with Dreamweaver (or work with someone who does), you’ll want to
check out Chapter 22 in order to get the most out of the integration possibilities
between Fireworks and Dreamweaver.

Part VI: Animating with Fireworks
Animations have become important to the Web. Not only do they offer an alternative to static displays, but GIF animations are used extensively in the creation of
banner ads. Animation in Fireworks 4 is surprisingly full-featured and easy-to-use.
We’ll walk step by step through the creation of a banner ad and discover tweening,
onion skinning, and other basic animation techniques.

Part VII: Programming with Fireworks
One of the most amazing things about Fireworks 4 is the way it can be controlled by
scripts written in JavaScript, the most common scripting language for Web authoring. Fireworks offers many ways to customize the way you work with the program.

Preface

We’ll look at each of them and discover the extensive Fireworks JavaScript API
(Application Programming Interface).

Appendixes
Appendix A is a Web Primer, a place to get a good grounding on the ways of the
Web. Appendix B is a handy reference guide to productivity-boosting keyboard
shortcuts on both Macintosh and Windows systems. The material on the accompanying CD-ROM is detailed in Appendix C.

Conventions Used in This Book
The following conventions are used throughout this book.

Windows and Macintosh conventions
Because Fireworks 4 Bible is a cross-platform book, it gives instructions for both
Windows and Macintosh users when keystrokes for a particular task differ.
Throughout this book, the Windows keystrokes are given first, and the Macintosh
keystrokes are given second in parentheses, as in the following example:
To undo an action, press Ctrl+Z (Command+Z).
The first action instructs Windows users to simultaneously press Ctrl and Z, and
the second action (in parentheses) instructs Macintosh users to press Command
and Z together. In Fireworks for Windows, the keyboard shortcuts are displayed in
the menus in plain English. In Fireworks for Macintosh, as in other Macintosh programs, the keyboard shortcuts are specified in the menus by using symbols that
represent the modifier keys.
You’ll notice that in most — but not all — keyboard shortcuts, the Windows Ctrl
key corresponds to the Macintosh Command key, and the Windows Alt key corresponds to the Macintosh Option key.
Screen captures in odd-numbered chapters are of Fireworks for Windows running
on Windows 98; in even-numbered chapters, they’re of Fireworks for Macintosh running on Mac OS 9. In the rare event that a particular feature or example is markedly
different on each platform, both are shown.
For the purposes of this book, “Windows” generally refers to Windows 95, Windows
NT 4 (Service Pack 5 or later), Windows 98, Windows Me, or Windows 2000.
Similarly, “Macintosh” or “Mac OS” refers to Mac OS 8.6, 9.0, or 9.1. If you are using
a later version of Windows or Mac OS, you may find some differences in features
external to Fireworks.

xv

xvi

Preface

Keyboard combinations
When you are instructed to press two or more keys simultaneously, each key in the
combination is separated by a plus sign. For example:
Ctrl+Alt+T (Command+Option+T)
The preceding line tells you to press and hold down the two modifier keys (either
Ctrl+Alt or Command+Option, depending upon your platform), and then press and
release the final key, T.

Mouse instructions
When instructed to click an item, move the mouse pointer to the specified item and
click the mouse button once. A double-click means clicking the mouse button twice
in rapid succession.
A right-click means clicking the secondary mouse button once. Macintosh users
who use a one-button mouse can substitute a Control-click for a right-click. To do so,
press and hold down Control on your keyboard, and click the mouse button once.
When instructed to select an item, you may click it once as previously described. If
you are selecting text or multiple objects, you must click the mouse button once,
hold it down, and then move the mouse to a new location. The item or items
selected invert color. To clear the selection, click once anywhere in an empty part
of the document background.

Menu commands
When instructed to select a command from a menu, you see the menu and the command separated by an arrow symbol. For example, when instructed to execute the
Open command from the File menu, you see the notation File ➪ Open. Some menus
use submenus, in which case you see an arrow for each submenu, as in Modify ➪
Transform ➪ Free Transform.

Typographical conventions
Italic type is used for new terms and for emphasis. Boldface type is used for text
that you need to type directly from the computer keyboard.

Code
A special typeface indicates HTML or other code, as demonstrated in the following
example:

Preface



Have a Nice Day!





This code font is also used within paragraphs to designate HTML tags, attributes,
and values, such as , bgcolor, and #FFFFFF.
The (¬) character at the end of a code line means that you should type the next line
of code before pressing Enter (Return).

Navigating through this book
Various signposts and icons are located throughout Fireworks 4 Bible for your assistance. Each chapter begins with an overview of its information, and ends with a
quick summary.
Icons are placed in the text to indicate important or especially helpful items. Here’s
a list of the icons and their functions:
Tip

Tips provide you with extra knowledge that separates the novice from the pro.

Note

Notes provide additional or critical information, and technical data on the current
topic.

New
Feature

Sections marked with a New Feature icon detail an innovation introduced in
Fireworks 4.

CrossReference

Cross-Reference icons indicate places where you can find more information on a
particular topic.

Caution

The Caution icon is your warning of a potential problem or pitfall.

On the
CD-ROM

The On the CD-ROM icon indicates the CD-ROM contains a related file.

xvii

xviii

Preface

Further information
You can find more help for specific problems and questions by investigating several
Web sites. Macromedia’s own Fireworks Web site is the best place to start:
http://www.macromedia.com/software/fireworks

I heartily recommend that you visit and participate in the official Fireworks
newsgroup:
news://forums.macromedia.com/macromedia.fireworks

You’re also invited to visit my Web site for book updates and new developments:
http://www.idest.com/fireworks

You can also e-mail me:
mailto:jlowery@idest.com

I can’t promise instantaneous turnaround, but I answer all my e-mail to the best of
my ability.

Acknowledgments

I

t may be my name on the cover, but it wouldn’t be there if it weren’t for the help
of an awful lot of generous people. First and foremost among these folks is Simon
White. Simon White — and his company MediaFear — is known among the
Fireworks and Dreamweaver newsgroup regulars as one of the most knowledgeable
and generous experts around. I would especially like to thank Simon for his major
contributions to this book, not to mention his availability as a sounding board for
some of my more off-the-wall concepts. It’s always refreshing to find someone
whose artistic vision is so well-formed and energized, and with whom I can laugh
about the bizarre world that is book authoring. You’ll find numerous examples of
Simon’s work throughout the book and especially in the color-plate section.
Fireworks is a massive program, and I have to thank Derren Whiteman, technical
editor, for keeping all of our technical ducks in a row. On the editorial side of life,
Hungry Minds stalwarts Michael Roney and Laura Brown kept me on track and —
relatively — on schedule. Special thanks also to copy editors Roxane Marini and
Nancy Rapoport.
The Fireworks community has grown considerably over the past year, and its generosity even more so. Special thanks to those designers who graciously allowed me
to include their work on the CD-ROM: Kleanthis Economou, Massimo Foti, Linda
Rathgeber, Eddie Traversa, Simon White, and others. Several other top designers
contributed work to demonstrate the power of Fireworks, including Lisa Lopuck,
Donna Casey, and Ruth Peyser — warm hugs and great thanks all around. I owe a
debt of gratitude — and probably a drink or two — to another Fireworks community member, author Sandee Cohen. Sandee’s work continues to inspire, and I wish
her continued success.
Of course, I wouldn’t be writing this book — and you certainly wouldn’t be reading
it — if it weren’t for the fantastic vision of the Fireworks team. Fireworks is a marvelously complex program, and there is true glory in bringing it to life. A hearty
thank you and a round of applause to you all: Dennis Griffen, Doug Benson, John
Ahlquist, Jeff Ahlquist, Matt Bendicksen, Steven Johnson, Jeff Doar, and Eric Wolff. I
would also like to single out Mark Haynes for not only the specific questions he
helped me with, but for all the users he’s helped aboard the Fireworks team with
his tireless answers in the newsgroup. Finally, let me offer a special thanks to David
Morris, Fireworks Product Manager, for his early support and encouragement, as
well as the openness and access he has granted me. — JL

xx

Acknowledgments

For many in the Macromedia user community, Joseph Lowery is the wise man sitting cross-legged at the top of the mountain. And quite deservedly so — a multitude
of beginners and professionals alike have found Web design enlightenment within
the pages of his many books. I learned to use the first version of Dreamweaver with
the first edition of Joe’s Dreamweaver Bible, and then I had the good fortune to go
on to learn quite a bit from him about writing, as well. His generous tutelage has
been invaluable, and I thank him for it.
Thank you as well to all the people at Hungry Minds, Inc. who sweated every detail
to bring this package of pages and bits to life, especially Michael Roney and Laura
Brown for their editorial guidance, and Derren Whiteman for his technical enthusiasm. Of course, none of this would be possible without the fine folks at Macromedia
who bring us this new and improved version of Fireworks. Thanks to the entire
Fireworks team for being so helpful and supportive of everyone involved in the production of this book. — SW

Contents at a Glance
Foreword . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
Preface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xi
Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix

Part I: Seeing the Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Chapter 1: Welcome to Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Chapter 2: Understanding the Interface . . . . . . . . . . . . . . . . . . . . . . . . 23
Chapter 3: Customizing Your Environment . . . . . . . . . . . . . . . . . . . . . . 93
Chapter 4: Setting Up Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . 117

Part II: Mastering the Tools . . . . . . . . . . . . . . . . . . . . . . . . 139
Chapter 5: Creating Vector Objects
Chapter 6: Working with Bitmaps .
Chapter 7: Managing Color . . . . .
Chapter 8: Choosing Strokes . . . .
Chapter 9: Structuring Paths . . . .
Chapter 10: Composing with Text .

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

141
167
195
219
255
285

Part III: Achieving Effects . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Chapter 11: Using Fills and Textures . . . . . . . . . . . . . . . . . . . . . . . . . 313
Chapter 12: Creating Live Effects and Xtras . . . . . . . . . . . . . . . . . . . . . 343
Chapter 13: Arranging and Compositing Objects . . . . . . . . . . . . . . . . . . 395

Part IV: Coordinating Workflow . . . . . . . . . . . . . . . . . . . . . . 445
Chapter 14: Capturing and Importing . . . . . . . . . . . . . . . . . . . . . .
Chapter 15: Exporting and Optimizing . . . . . . . . . . . . . . . . . . . . .
Chapter 16: Working with Fireworks Styles . . . . . . . . . . . . . . . . . .
Chapter 17: Using Symbols and Libraries . . . . . . . . . . . . . . . . . . .
Chapter 18: Updating and Maintaining Web Graphics . . . . . . . . . . . .
Chapter 19: Automating Workflow with Commands and the History Panel

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

447
483
537
549
573
603

Part V: Entering the Web . . . . . . . . . . . . . . . . . . . . . . . . . . 623
Chapter 20: Mastering Image Maps and Slices . . . . . . . . . . . . . . . . . . . . 625
Chapter 21: Activating Fireworks with Behaviors . . . . . . . . . . . . . . . . . . 659
Chapter 22: Integrating with Dreamweaver . . . . . . . . . . . . . . . . . . . . . 693

xxii

Contents at a Glance

Part VI: Animating with Fireworks. . . . . . . . . . . . . . . . . . . . . 717
Chapter 23: Applying Animation Techniques . . . . . . . . . . . . . . . . . . . . 719
Chapter 24: Animating Banner Ads . . . . . . . . . . . . . . . . . . . . . . . . . . 759

Part VII: Programming with Fireworks . . . . . . . . . . . . . . . . . . 773
Chapter 25: Customizing Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . 775
Chapter 26: Enjoying the Fireworks API . . . . . . . . . . . . . . . . . . . . . . . 797
Appendix A: A Web Primer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 849
Appendix B: Keyboard Shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . 871
Appendix C: What’s On the CD-ROM. . . . . . . . . . . . . . . . . . . . . . . . . . 889
Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 895
Hungry Minds End-User License Agreement . . . . . . . . . . . . . . . . . . . . . 921
CD-ROM Installation Instructions . . . . . . . . . . . . . . . . . . . . . . . . . . . 923

Contents
Foreword . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
Preface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xi
Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix

Part I: Seeing the Fireworks

1

Chapter 1: Welcome to Fireworks . . . . . . . . . . . . . . . . . . . . . . 3
Mastering Fireworks — the Next-Generation Graphics Package . . . . . . . . 4
Combining the best features . . . . . . . . . . . . . . . . . . . . . . . . . 4
Getting to know this enhanced vector-drawing program . . . . . . . . 5
Digging into screen orientation . . . . . . . . . . . . . . . . . . . . . . . 5
Getting the most from this Internet-based program . . . . . . . . . . . 5
Getting the Best of Both Pixels and Paths . . . . . . . . . . . . . . . . . . . . 6
Using vector tools with organic bitmaps . . . . . . . . . . . . . . . . . . 7
Exploring bitmap compatibility . . . . . . . . . . . . . . . . . . . . . . . 8
Learning Live Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Focusing on styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Looking at animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Linking to the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Delving into hotspots and slices . . . . . . . . . . . . . . . . . . . . . . 13
Dissecting the URL panel . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Evaluating images with Behaviors . . . . . . . . . . . . . . . . . . . . . 14
Optimizing for the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Integrating with Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 15
Examining Production Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Using automation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Grasping batch processing . . . . . . . . . . . . . . . . . . . . . . . . . 17
Learning What’s New in Fireworks 4 . . . . . . . . . . . . . . . . . . . . . . . 17
Looking at the user interface . . . . . . . . . . . . . . . . . . . . . . . . 17
Exploring graphics creation . . . . . . . . . . . . . . . . . . . . . . . . 18
Discovering Web connectivity . . . . . . . . . . . . . . . . . . . . . . . 19
Evaluating image optimization . . . . . . . . . . . . . . . . . . . . . . . 20
Discerning workflow management . . . . . . . . . . . . . . . . . . . . 20

xxiv

Fireworks 4 Bible

Chapter 2: Understanding the Interface . . . . . . . . . . . . . . . . . 23
Examining the Fireworks Environment
Understanding the Document Window
Document window controls . . .
Display options . . . . . . . . . .
Exploring the Tools Panel . . . . . . . .
Accessing Toolbars (Windows Only) .
Main toolbar . . . . . . . . . . . .
Modify toolbar . . . . . . . . . . .
Status bar . . . . . . . . . . . . . .
Managing the Floating Panels . . . . . .
Grouping and moving panels . . .
Panel Layout Sets . . . . . . . . .
Hiding and revealing panels . . .
Windowshade . . . . . . . . . . .
Examining common features . . .
Optimize panel . . . . . . . . . . .
Object panel . . . . . . . . . . . .
Stroke panel . . . . . . . . . . . .
Fill panel . . . . . . . . . . . . . .
Effect panel . . . . . . . . . . . . .
Color Table panel . . . . . . . . .
Swatches panel . . . . . . . . . .
Color Mixer panel . . . . . . . . .
Tool Options panel . . . . . . . .
Layers panel . . . . . . . . . . . .
Frames panel . . . . . . . . . . . .
History panel . . . . . . . . . . . .
Info panel . . . . . . . . . . . . . .
Behaviors panel . . . . . . . . . .
URL panel . . . . . . . . . . . . . .
Styles panel . . . . . . . . . . . . .
Library panel . . . . . . . . . . . .
Find and Replace panel . . . . . .
Project Log panel . . . . . . . . .
Using the Menus . . . . . . . . . . . . .
File menu . . . . . . . . . . . . . .
Edit menu . . . . . . . . . . . . . .
View menu . . . . . . . . . . . . .
Insert menu . . . . . . . . . . . . .
Modify menu . . . . . . . . . . . .
Text menu . . . . . . . . . . . . .
Commands menu . . . . . . . . .
Xtras . . . . . . . . . . . . . . . . .
Window menu . . . . . . . . . . .
Help menu . . . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

23
25
28
32
34
38
38
39
41
42
42
43
43
44
44
46
47
49
51
52
54
55
56
57
58
60
61
62
63
64
65
67
68
69
70
70
72
74
77
78
84
86
87
89
91

Contents

Chapter 3: Customizing Your Environment . . . . . . . . . . . . . . . . 93
Setting Preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Learning general preferences . . . . . . . . . . . . . . . . . . . . . . . 94
Understanding editing preferences . . . . . . . . . . . . . . . . . . . . 96
Learning Launch and Edit preferences . . . . . . . . . . . . . . . . . . 99
Examining folder preferences . . . . . . . . . . . . . . . . . . . . . . . 100
Discovering Import preferences . . . . . . . . . . . . . . . . . . . . . 102
Adjusting the HTML Setup . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Understanding general options . . . . . . . . . . . . . . . . . . . . . . 103
Discovering table options . . . . . . . . . . . . . . . . . . . . . . . . . 104
Learning document-specific options . . . . . . . . . . . . . . . . . . . 106
Selecting Print Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Personalizing Keyboard Shortcuts . . . . . . . . . . . . . . . . . . . . . . . 111
Changing the current shortcut set . . . . . . . . . . . . . . . . . . . . 111
Working with custom keyboard shortcuts . . . . . . . . . . . . . . . 112

Chapter 4: Setting Up Documents . . . . . . . . . . . . . . . . . . . . 117
Creating New Documents . . . . . . . . . . . . . . . . .
Exploring two approaches . . . . . . . . . . . . .
Understanding the canvas options . . . . . . . . .
Discovering the steps to create a new document
Opening Existing Images . . . . . . . . . . . . . . . . . .
Examining file formats . . . . . . . . . . . . . . . .
Opening multiple images . . . . . . . . . . . . . .
Storing Files . . . . . . . . . . . . . . . . . . . . . . . . .
Closing a file . . . . . . . . . . . . . . . . . . . . .
Reverting to a saved file . . . . . . . . . . . . . . .
Modifying Canvases . . . . . . . . . . . . . . . . . . . .
Altering the canvas size . . . . . . . . . . . . . . .
Trimming the canvas . . . . . . . . . . . . . . . .
Picking a new canvas color . . . . . . . . . . . . .
Rotating the canvas . . . . . . . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Part II: Mastering the Tools

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

117
117
119
122
123
124
127
128
129
130
130
131
136
137
137

139

Chapter 5: Creating Vector Objects . . . . . . . . . . . . . . . . . . . . 141
Understanding Vector Objects in Fireworks
Examining Paths . . . . . . . . . . . . . . .
Applying a stroke . . . . . . . . . . . .
Looking at open and closed paths . .
Grasping the center point . . . . . . .
Examining direction . . . . . . . . . .

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

141
142
142
143
144
144

xxv

xxvi

Contents

Starting from Shapes . . . . . . . . . . . . . . . . .
Examining rectangles and squares . . . . . .
Using ellipses and circles . . . . . . . . . . .
Exploring polygons and stars . . . . . . . . .
Drawing Lines and Freeform Paths . . . . . . . . .
Making straight lines . . . . . . . . . . . . . .
Drawing with the Freeform Pencil and Brush
Constructing Bézier Curves . . . . . . . . . . . . .
Drawing lines with the Pen . . . . . . . . . .
Creating smooth curves with the Pen . . . .
Mixing lines and curves . . . . . . . . . . . .
Adjusting curves . . . . . . . . . . . . . . . .
Using the keyboard modifiers . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

145
146
149
150
155
155
156
158
159
160
162
163
165

Chapter 6: Working with Bitmaps . . . . . . . . . . . . . . . . . . . . 167
Understanding Bitmaps in Fireworks . . . . . . . .
Examining bitmap mode . . . . . . . . . . . .
Opening existing bitmaps . . . . . . . . . . .
Scaling bitmaps . . . . . . . . . . . . . . . . .
Inserting a bitmap into a document . . . . .
Inserting an empty bitmap . . . . . . . . . .
Using bitmap mode tools . . . . . . . . . . .
Fireworks Technique: Limiting Your Drawing Area
Making Pixel Selections . . . . . . . . . . . . . . .
Selecting all . . . . . . . . . . . . . . . . . . .
Selecting similar . . . . . . . . . . . . . . . .
Selecting none . . . . . . . . . . . . . . . . .
Selecting inverse . . . . . . . . . . . . . . . .
Feathering an existing selection . . . . . . .
Expanding or contracting a marquee . . . .
Adding a border . . . . . . . . . . . . . . . .
Using the Smooth command . . . . . . . . .
Saving and restoring selections . . . . . . .
Applying Vector Tools to Bitmaps . . . . . . . . .
Converting a Vector into a Bitmap . . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

168
168
171
172
173
174
174
187
188
188
188
189
189
190
191
191
191
191
191
192

Chapter 7: Managing Color . . . . . . . . . . . . . . . . . . . . . . . . 195
Working with Color on the Web . . . . . .
Examining bit depth . . . . . . . . .
Understanding hexadecimal colors
Exploring Web-safe colors . . . . . .
Looking at platform differences . .
Working with color management . .
Mixing Colors . . . . . . . . . . . . . . . .
Using the Color Mixer . . . . . . . .
Choosing a color . . . . . . . . . . .
Accessing the color models . . . . .

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

195
196
197
198
199
200
201
201
202
203

Contents

Selecting Swatches of Color . . . . . . . . . . . . . . . . . . . . . . . . .
Choosing from the color wells . . . . . . . . . . . . . . . . . . . .
Using the Eyedropper . . . . . . . . . . . . . . . . . . . . . . . . .
Accessing the system color picker(s) . . . . . . . . . . . . . . . .
Opting for no color . . . . . . . . . . . . . . . . . . . . . . . . . . .
Using the Swatches panel . . . . . . . . . . . . . . . . . . . . . . .
Accessing the Color Table . . . . . . . . . . . . . . . . . . . . . . .
Fireworks Technique: Converting Pantone Colors to Web-Safe Colors
Using ColorWeb Pro for Windows . . . . . . . . . . . . . . . . . .
Using ColorWeb Pro for Macintosh . . . . . . . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

206
206
208
208
210
211
214
215
216
217

Chapter 8: Choosing Strokes . . . . . . . . . . . . . . . . . . . . . . . 219
Using the Stroke Panel . . . . . . . . . . . .
Stroke categories and types . . . . .
Stroke edge and size . . . . . . . . . .
Stroke texture . . . . . . . . . . . . . .
Working with the Built-in Strokes . . . . . .
Pencil . . . . . . . . . . . . . . . . . .
Basic . . . . . . . . . . . . . . . . . . .
Air Brush . . . . . . . . . . . . . . . .
Calligraphy . . . . . . . . . . . . . . .
Charcoal . . . . . . . . . . . . . . . . .
Crayon . . . . . . . . . . . . . . . . . .
Felt Tip . . . . . . . . . . . . . . . . . .
Oil . . . . . . . . . . . . . . . . . . . .
Watercolor . . . . . . . . . . . . . . .
Random . . . . . . . . . . . . . . . . .
Unnatural . . . . . . . . . . . . . . . .
Creating New Strokes . . . . . . . . . . . . .
Managing your strokes . . . . . . . .
Editing the stroke . . . . . . . . . . .
Fireworks Technique: Making Dotted Lines
Orienting the Stroke . . . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.