Table Of ContentFlash CS5.5
The book that should have been in the box®
Flash CS5.5
The book that should have been in the box®
Chris Grover
Beijing | Cambridge | Farnham | Köln | Sebastopol | Tokyo
Flash CS5.5: The Missing Manual
by Chris Grover
Copyright © 2011 Chris Grover. All rights reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.
O’Reilly Media books may be purchased for educational, business, or sales promotional use.
Online editions are also available for most titles: safari.oreilly.com. For more information,
contact our corporate/institutional sales department: 800-998-9938 or [email protected].
Printing History:
June 2011: First Edition.
Nutshell Handbook, the Nutshell Handbook logo, the O’Reilly logo, and “The book that should
have been in the box” are registered trademarks of O’Reilly Media, Inc. Flash CS5.5: The Missing
Manual, The Missing Manual logo, Pogue Press, and the Pogue Press logo are trademarks of
O’Reilly Media, Inc.
Many of the designations used by manufacturers and sellers to distinguish their products are
claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc.,
was aware of a trademark claim, the designations have been printed in caps or initial caps.
While every precaution has been taken in the preparation of this book, the publisher and author
assume no responsibility for errors or omissions, or for damages resulting from the use of the
information contained herein.
ISBN: 978-1-449-39825-5
[LSI]
Table of Contents
The Missing Credits . . . . . . . . . . . . . . . . . . . . . . . . . . . . xv
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Part One: Creating a Flash Animation
Chapter 1: Getting Around Flash . . . . . . . . . . . . . . . . . . . . 15
Starting Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
A Tour of the Flash Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Menu Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
The Stage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
The Timeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Panels and Toolbars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Toolbars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Tools Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Properties Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Library Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Other Flash Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
The Flash CS5 Test Drive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Open a Flash File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Explore the Properties Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Resize the Stage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Zoom In and Out . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Make It Move . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Play an Animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Save a File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Chapter 2: Creating Simple Drawings . . . . . . . . . . . . . . . . 45
Plan Before You Draw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Creating a Storyboard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Five Questions for a Better Result . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Preparing to Draw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Setting Document Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Adding Measurement Guides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
v
Drawing a Shape . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Choosing a Drawing Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Merge Drawing Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Object Drawing Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Using Merge Mode and Object Mode Together . . . . . . . . . . . . . . . . . . . . . 64
Selecting Objects on the Stage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Essential Drawing Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Creating Original Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Drawing and Painting with Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Aligning Objects with the Align Tools . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Erasing Mistakes with the Eraser Tool . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Copying and Pasting Drawn Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Adding Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Changing the Color of a Stroke (Line) . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Changing the Color of a Fill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Chapter 3: Animate Your Art . . . . . . . . . . . . . . . . . . . . . . 95
Frame-by-Frame Animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Creating a Frame-by-Frame Animation . . . . . . . . . . . . . . . . . . . . . . . . . 97
Test Your Frame-by-Frame Animation . . . . . . . . . . . . . . . . . . . . . . . . . 101
Editing Your Frame-by-Frame Animation . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Selecting Frames and Keyframes . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Inserting and Deleting Keyframes and Frames . . . . . . . . . . . . . . . . . . . . 104
Making It Move with Motion Tweens . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Tweening a Symbol’s Dimension Properties . . . . . . . . . . . . . . . . . . . . . . 111
Copying and Pasting Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
Reversing Frames in a Frame Span . . . . . . . . . . . . . . . . . . . . . . . . . . 115
Editing the Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Moving the Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Adding Curves to the Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Moving End Points on the Motion Path . . . . . . . . . . . . . . . . . . . . . . . . 118
Copying and Pasting a Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Copying and Pasting Properties. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
Shape Tweening (Morphing) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Shape Hints . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Using Multiple Layers for Shape Tweens . . . . . . . . . . . . . . . . . . . . . . . 127
Classic Tween . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Part Two: Advanced Drawing and Animation
Chapter 4: Organizing Frames and Layers . . . . . . . . . . . . . . 131
Working with Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
Copying and Pasting Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
Moving Frames and Keyframes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Editing Multiple Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136
vi table of contents
Working with Multiple Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Showing and Hiding Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Working with Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Renaming Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Copying and Pasting Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Reordering (Moving) Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
Deleting a Layer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Locking and Unlocking Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Organizing Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Outline View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Organizing Layers with Folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Spotlight Effect Using Mask Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157
Chapter 5: Advanced Drawing and Coloring . . . . . . . . . . . . 161
Selecting Graphic Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
The Selection Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
The Subselection Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
The Lasso Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Manipulating Graphic Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Modifying Object Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Moving, Cutting, Pasting, and Copying. . . . . . . . . . . . . . . . . . . . . . . . . 176
Transforming Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
Moving and Rotating Objects in 3-D . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Stacking Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Converting Strokes to Fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Aligning Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
Spray Painting Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Drawing with the Deco Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Advanced Color and Fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Color Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
RGB and HSB . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Creating Custom Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Specifying Colors for ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Saving Color Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Using an Image As a Fill “Color” . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Applying a Gradient . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Importing a Custom Color Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Copying Color with the Eyedropper . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Chapter 6: Choosing and Formatting Text . . . . . . . . . . . . . . 221
Text Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
Choosing TLF or Classic Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
Choose a Text Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
About Typefaces and Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
table of contents vii
Adding Text to Your Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
Changing Text Position, Height, and Width . . . . . . . . . . . . . . . . . . . . . . 228
Rotating, Skewing, and Moving in 3-D . . . . . . . . . . . . . . . . . . . . . . . . . 229
Changing Text Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Creating a Text Hyperlink . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230
Creating a Hyperlink Using Classic Text . . . . . . . . . . . . . . . . . . . . . . . . 231
Choosing and Using Text Containers . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Creating Vertical Text Containers . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
Multiline and Single-Line Text Containers . . . . . . . . . . . . . . . . . . . . . . . 235
Applying Advanced Formatting to Text . . . . . . . . . . . . . . . . . . . . . . . . . 236
Create a Multicolumn Text Container . . . . . . . . . . . . . . . . . . . . . . . . . 236
Flow Text from One Container to Another . . . . . . . . . . . . . . . . . . . . . . . 237
Animating Text Without ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238
Experimenting with Animated Text . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
Moving Text in Three Dimensions . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
Text Properties by Subpanel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Text Engine Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Position and Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
3D Position and View (TLF Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . 245
Character . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Advanced Character (TLF Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Paragraph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Options (Classic Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Container and Flow (TLF Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Color Effect (TLF Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Display (TLF Text Only) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250
Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250
Chapter 7: Reusable Flash: Symbols and Templates . . . . . . . . 251
Symbols and Instances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
Graphic Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Multiframe Graphic Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Movie Clip Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Button Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Opening a Prebuilt Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Customizing the Photo Album Template . . . . . . . . . . . . . . . . . . . . . . . . 293
Create Your Own Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Chapter 8: Advanced Tweens with the Motion Editor . . . . . . . 301
Applying Motion Presets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
Saving a Custom Motion Preset . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304
Modifying a Motion Preset . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Changing the Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Deleting a Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Copying and Pasting a Motion Path . . . . . . . . . . . . . . . . . . . . . . . . . . 308
viii table of contents
