Adobe Flash CS5 Revealed (Revealed Series)

Cover Page......Page 1
Title Page......Page 5
Copyright Page......Page 7
BRIEF CONTENTS......Page 14
CONTENTS......Page 16
CHAPTER 1: GETTING STARTED WITH FLASH......Page 28
INTRODUCTION......Page 29
Stage......Page 31
Panels......Page 32
Tasks Start Adobe Flash and work with panels......Page 36
Change the Stage view and display of the Timeline......Page 38
Control Menu Commands (and Keyboard Shortcuts)......Page 39
Documents, Movies, and Applications......Page 40
Using the Flash Player......Page 41
Tasks Open and play a movie using the Control menu and the Controller......Page 42
Test a movie......Page 43
Change the Document Properties......Page 44
Creating a Flash Movie......Page 45
The Motion Tween Animation Process......Page 46
Adding Effects to an Object......Page 48
Tasks Create objects using drawing tools......Page 49
Create a motion tween animation......Page 50
Reshape the Motion Path......Page 51
Change the transparency of an object......Page 52
Resize an object......Page 53
Add a filter to an object......Page 54
Add a motion preset......Page 55
Using Layers......Page 57
Interpreting the Timeline......Page 58
Using the Playhead......Page 59
Create a second animation......Page 60
Work with layers and view Timeline features......Page 61
Modify the frame rate and change the layer names......Page 62
Distributing Movies......Page 63
Tasks Publish a movie for distribution on the web......Page 65
Draw a backdrop color for the Stage......Page 66
Planning an Application or a Website......Page 67
Using Screen Design Guidelines......Page 69
The Flash Workfl ow Process......Page 70
Project Management......Page 71
Tasks Use Flash Help......Page 72
CHAPTER 2: DRAWING OBJECTS IN ADOBE FLASH......Page 80
INTRODUCTION......Page 81
Using Flash Drawing and Editing Tools......Page 83
Positioning Objects on the Stage......Page 85
Using the Align Panel......Page 86
Tasks Show gridlines and check settings......Page 87
Use the Rectangle, Oval, and Line tools......Page 88
Use the Pen, Pencil, and Brush tools......Page 89
Modify an object using tool options......Page 90
Use the Spray tool with a symbol......Page 91
Use XY coordinates to position objects on the Stage......Page 93
Use the Align options......Page 95
Drawing Model Modes......Page 97
Working with Gradients......Page 98
Tasks Select a drawing using the Selection tool......Page 99
Change fill and stroke colors......Page 100
Apply a gradient and make changes to the gradient......Page 101
Work with Object Drawing Model mode......Page 102
Rotating and Skewing an Object......Page 103
Reshaping a Segment of an Object......Page 104
Tasks Copy and move an object......Page 105
Resize and reshape an object......Page 106
Skew, rotate, and flip an object......Page 107
Use the Zoom, Subselection, and Selection tools......Page 108
Use the Rectangle Primitive and Oval tools......Page 109
Changing Text Attributes......Page 111
The Text Layout Framework (TLF)......Page 112
Tasks Enter text and change text attributes......Page 113
Add a Filter effect to text......Page 114
Skew text and align objects......Page 115
Reshape and apply a gradient to text......Page 116
Use the Text Layout Framework......Page 117
Learning About Layers......Page 121
Working with Layers......Page 122
Using a Guide Layer......Page 123
Using Folder Layers......Page 124
Tasks Create and reorder layers......Page 125
Rename and delete layers, and expand the Timeline......Page 126
Hide, lock, and display layer outlines......Page 127
Create a guide for a Guide layer......Page 128
Add objects to a Guide layer......Page 129
Add text on top of an object......Page 130
CHAPTER 3: WORKING WITH SYMBOLS AND INTERACTIVITY......Page 138
INTRODUCTION......Page 139
Creating a Graphic Symbol......Page 141
Working with Instances......Page 142
Tasks Create a symbol......Page 143
Create and edit an instance......Page 144
Edit a symbol in the edit window......Page 145
Break apart an instance......Page 146
Understanding the Library......Page 147
Tasks Create folders in the Library panel......Page 149
Organize items within Library panel folders......Page 150
Rename symbols and delete a symbol......Page 151
Use multiple Library panels......Page 152
Understanding Buttons......Page 153
Tasks Create a button......Page 155
Edit a button and specify a hit area......Page 156
Test a button......Page 157
ActionScript 2.0 and 3.0......Page 159
Using Frame Actions......Page 161
Using Frame Labels......Page 162
Tasks Assign a stop action to frames......Page 163
Assign a play action to a button......Page 164
Assign a goto frame action to a button......Page 165
Assign a second event to a button......Page 166
Understanding Graphic Types......Page 167
Importing and Editing Graphics......Page 168
Tasks Import graphics......Page 169
CHAPTER 4: CREATING ANIMATIONS......Page 180
Flash Animation......Page 181
Understanding Motion Tween Animations......Page 183
Tween Spans......Page 184
Property Keyframes......Page 185
Tasks Create a motion tween animation......Page 186
Edit a motion path......Page 187
Change the ease value of an animation......Page 189
Resize and reshape an object......Page 190
Create a color effect......Page 191
Orient an object to a path......Page 192
Copy a motion path......Page 193
Rotate an object......Page 195
Remove a motion tween......Page 196
Work with multiple motion tweens......Page 197
Understanding Motion Guides......Page 199
Transformation Point and Registration Point......Page 200
Add a motion guide and orient the object to the guide......Page 201
Understanding Frame-by-Frame Animations......Page 203
Using the Onion Skin Feature......Page 204
Tasks Create an in-place frame-by-frame animation......Page 205
Copy frames and add a moving background......Page 206
Create a frame-by-frame animation of a moving object......Page 207
Using Shape Tweening to Create a Morphing Effect......Page 209
Shape Hints......Page 210
Tasks Create a shape tween animation......Page 211
Create a morphing effect......Page 212
Adjust the rate of change in a shape tween animation......Page 213
Use shape hints......Page 214
Understanding Movie Clip Symbols......Page 215
Tasks Break apart a graphic symbol and select parts of the object to separate from the graphic......Page 217
Create and edit a movie clip......Page 218
Animate a movie clip......Page 219
Animating Text......Page 221
Tasks Select, copy, and paste frames......Page 223
Animate text using a motion preset......Page 224
Create rotating text......Page 225
Resize and fade in text......Page 226
Make a text block into a button......Page 227
Add an action to the button......Page 228
CHAPTER 5: CREATING SPECIAL EFFECTS......Page 238
INTRODUCTION......Page 239
Understanding Mask Layers......Page 241
Tasks Create a mask layer......Page 243
Create a masked layer......Page 244
Incorporating Animation and Sound......Page 245
Tasks Add sound to a movie......Page 247
Add sound to a button......Page 248
Incorporating Video......Page 249
Using the Adobe Media Encoder......Page 250
Tasks Import a video......Page 251
Attach actions to video control buttons......Page 253
Synchronize sound to a video clip......Page 254
Understanding Animated Navigation Bars......Page 255
Understanding Scenes......Page 256
Tasks Position the drop-down buttons......Page 257
Add a mask layer......Page 258
Assign an action to a drop-down button......Page 259
Add a frame label and assign a rollOver action......Page 260
Add an invisible button......Page 261
Creating the Bone Structure......Page 263
Animating the IK Object......Page 264
Runtime Feature......Page 265
Tasks Create the bone structure......Page 266
Animate the character......Page 267
Create a movie clip of the IK object and animate the movie clip......Page 268
Apply an ease value......Page 269
Set the play to runtime......Page 270
The 3D Tools......Page 271
Using a Motion Tween with a 3D Effect......Page 272
Tasks Create a 3D animation......Page 273
Basic Types of Deco Effects......Page 277
Tasks Create screen design and animations with the Deco tool......Page 279
CHAPTER 6: PREPARING AND PUBLISHING MOVIES......Page 292
INTRODUCTION......Page 293
Using Publish Settings......Page 295
Using Publish Preview......Page 297
Tasks Publish using the default settings......Page 298
Create a GIF animation from a movie......Page 299
Create a JPEG image from a frame of a movie......Page 300
Using the Bandwidth Profiler......Page 301
Using the Simulate Download Feature......Page 302
Tasks Test the download time for a movie......Page 303
Use the Bandwidth Profiler......Page 305
Optimize a movie by reducing file size......Page 306
Preloading a Movie......Page 307
Tasks Add layers for a preloader......Page 309
Add actions to the preloader......Page 310
Create the preloader animation......Page 311
Testing the preloader......Page 312
Understanding HTML Publishing Options......Page 313
Determining Movie Placement in a Browser Windows......Page 314
Tasks Change HTML publish settings......Page 315
Edit an HTML document......Page 316
Understanding Flash Lite......Page 317
Tasks Set up Adobe Device Central......Page 319
Create a Flash application for a mobile device......Page 320
Test a movie using Device Central......Page 322
CHAPTER 7: IMPORTING AND MODIFYING GRAPHICS......Page 330
INTRODUCTION......Page 331
Importing Different Graphic Formats: An Overview......Page 333
Using Fireworks PNG Files......Page 334
Importing Adobe Photoshop Files......Page 335
Copyrights......Page 336
Tasks Import a layered Fireworks PNG fi le as a movie clip symbol......Page 337
Import an Adobe Illustrator fi le as a symbol......Page 338
Import an Adobe Photoshop PSD file......Page 339
Change the compression settings of a bitmap......Page 340
Using Bitmap Fills......Page 341
Selecting a Bitmap Fill Using the Color Panel......Page 342
Tasks Break apart a bitmap......Page 343
Use and edit a bitmap fill......Page 344
Using the Trace Settings......Page 345
Tasks Trace a bitmap graphic......Page 347
Edit a traced bitmap graphic......Page 348
CHAPTER 8: BUILDING COMPLEX ANIMATIONS......Page 356
INTRODUCTION......Page 357
Understanding Animated Graphic Symbols......Page 359
Understanding Movie Clip Symbols......Page 360
Tasks Work with an animated graphic symbol......Page 362
Assign a stop action to the Timeline......Page 363
Copying Motion Tweens, Frames, and Layers from the Timeline......Page 365
Tasks Delete objects from the Timeline......Page 367
Move frames to create an animated graphic symbol......Page 368
Move an animated graphic symbol to the Stage......Page 369
Nesting Movie Clips......Page 371
Understanding the Movie Explorer Panel......Page 372
Tasks Create a movie clip symbol......Page 373
Nest movie clip symbols......Page 374
Animate an instance of a movie clip and resize an object......Page 375
Building an Animated Button Symbol......Page 377
Creating an Interactive Movie......Page 378
Tasks Create an animated button by nesting an animation in the button’s Up state......Page 379
Place the animated button on the Stage......Page 381
Add a button action......Page 382
Understanding the Motion Editor......Page 383
Tasks Use the Motion Editor to change properties of a motion tween animation......Page 385
CHAPTER 9: INTRODUCTION TO ACTIONSCRIPT 3.0......Page 394
INTRODUCTION......Page 395
Understanding How ActionScript 3.0 Works......Page 397
Understanding Display Lists and the addChild() Method......Page 398
Getting Started with AS3......Page 399
Adding Tweens Using ActionScript 3......Page 400
Adding Interactivity Using AS3......Page 401
Understanding ActionScript 3.0 Syntax and Format......Page 402
Configuring the Actions Panel......Page 403
Tasks Use ActionScript to create an object......Page 404
Use ActionScript to change the properties of an object......Page 405
Use ActionScript 3.0 to create a motion tween......Page 406
Use ActionScript to create user interactivity......Page 407
Exporting a Movie Clip for Use in ActionScript......Page 409
Tasks Make movie clip instances so they can be referenced in ActionScript......Page 411
Add an event listener and function to a button instance......Page 413
Change the visibility of objects......Page 415
Working with Code Snippets......Page 417
Understanding Interactive Movie Clips......Page 419
Tasks Use code snippets to make a button interactive......Page 420
Use code snippets to enter code into the Scriptpane......Page 421
Using Text Fields to Collect User Information......Page 423
Embedding Fonts......Page 424
Understanding Expressions......Page 425
Tasks Create an input text box......Page 426
Embed fonts for use with input text fields......Page 427
Create a dynamic text box......Page 428
Use ActionScript to collect and modify string variables......Page 429
Use ActionScript to perform a mathematical operation on a numeric variable......Page 430
Copy ActionScript code......Page 431
CHAPTER 10: USING ACTIONSCRIPT TO ENHANCE USER EXPERIENCE......Page 444
INTRODUCTION......Page 445
Creating a Custom Cursor......Page 447
Creating Conditional Actions......Page 448
Working with Parent Movie Clips......Page 449
Tracking User Interactions......Page 450
Tasks Hide the cursor......Page 451
Create a custom cursor using X and Y coordinates......Page 452
Use multiple objects to call a function......Page 453
Create dynamic text boxes......Page 455
Create a conditional statement......Page 456
Track user interactions......Page 458
Copy ActionScript code......Page 460
Loading Movies......Page 461
Unloading Movies......Page 462
Tasks Load a movie......Page 463
Unload movies......Page 465
Set the Stage position when loading a movie......Page 466
Creating Conditional Loops......Page 467
Using the Math.random function......Page 468
Tasks Create conditional branching using if and else statements......Page 469
Provide user feedback......Page 471
Create a while loop to duplicate movie clip symbols......Page 473
Creating a Link to a Website......Page 477
Creating a Mailto: Link......Page 478
Tasks Create a website link......Page 479
Create a link to an email address......Page 480
CHAPTER 11: ADDING SOUND AND VIDEO......Page 490
INTRODUCTION......Page 491
Adding a Sound to the Timeline......Page 493
Repeating Sounds......Page 494
Tasks Add sound to a Timeline......Page 495
Layer sounds......Page 496
Create a repeating sound......Page 497
Understanding the Start and Stop Synchronization Options......Page 499
Tasks Set synchronization to the Stream option......Page 501
Synchronize a stream sound with an animation......Page 502
Add the synchronized animationto the Stage......Page 504
Set synchronization to the Start option......Page 505
Set synchronization to the Stop option......Page 506
Changing Sound Effects......Page 507
Tasks Edit a sound using the Time In control......Page 509
Edit envelopes to create custom volume effects......Page 510
Starting and Stopping Sounds with ActionScript......Page 511
Start a sound using ActionScript......Page 513
Stop sounds using ActionScript......Page 514
Understanding Loading an External Video......Page 515
Using Cue Points in ActionScript......Page 516
Tasks Load an external video......Page 517
Set cue points......Page 518
Use ActionScript with cue points......Page 519
Combine sound and video......Page 520
CHAPTER 12: WORKING WITH COMPONENTS......Page 532
INTRODUCTION......Page 533
Using Components......Page 535
Tasks Set up the workspace......Page 537
Use Components to load graphics......Page 538
Use Components to load text......Page 539
Use Components to load an animation (.swf file)......Page 540
Use Components to create a form......Page 542
Adding ActionScript to Components......Page 545
Tasks Set the objects on the Stage......Page 547
Use ActionScript with a Component......Page 548
Test loading an image from a website......Page 551
ACA GRID
......Page 562
ACA GRID
......Page 568
DATA FILES......Page 573
GLOSSARY......Page 590
INDEX
......Page 596
ART CREDITS......Page 610