Green / Dias Foundation Flash CS5 For Designers

1. ed
ISBN: 978-1-4302-2995-7
Verlag: Apress
Format: PDF
Kopierschutz: 1 - PDF Watermark

E-Book, Englisch, 872 Seiten

Flash is one of the most engaging, innovative, and versatile technologies available-allowing the creation of anything from animated banners and simple cartoons to rich Internet applications, interactive videos, and dynamic user interfaces for web sites, kiosks, devices, or DVDs. The possibilities are endless, and now it just got better. Flash CS5 boasts a host of new features, including better support for mobile devices, a whole new animation engine enabling full manipulation of tweens and paths, custom easing, improved inverse kinematics, a revamped timeline, built-in 3D, and much more. This book is all you'll need to learn Flash CS5 from the ground up. If you already have Flash experience, this book will allow you to quickly catch up on all the cool new features. Flash experts Tom Green and Tiago Dias guide you step-by-step through all facets of Flash CS5, keeping the emphasis firmly on good design techniques that you use in your own projects. Learn Flash design from the ground up, or just get to grips with the new features, with a series of step-by-step tutorials. Provides an easy introduction to ActionScript 3.0 coding, but the focus is mainly kept on design. Learn from the experts-written by renowned Flash designers Tom Green and Tiago Dias.

Tom Green is a professor of interactive media in the School of Media Studies at Humber College Institute of Technology and Advanced Learning in Toronto. He has written four previous books on Macromedia technologies, and many articles for numerous magazines and web sites, including the MX Developers Journal, Community MX, and Computer arts. Lastly, he has spoken at over 20 conferences internationally, including FITC, MX North, Digital Design World, TODCON, and SparkEurope.

Autoren/Hrsg.

Green, Tom

Dias, Tiago

Inhaltsverzeichnis

1;Title page ;1
2;Copyright page ;2
3;Contents at a Glance;4
4;Table of contents ;5
5;About the Authors;14
6;About the Technical Reviewers;15
7;Acknowledgments;16
8;Preface;18
9;Book structure and flow;19
10;Layout conventions;20
11;Chapter 1 Learning the Flash CS5 Professional Interface;21
11.1;Getting started;22
11.2;Creating a new Flash document;25
11.3;Managing your workspace;26
11.4;Setting document preferences and properties;28
11.4.1;Document preferences;29
11.4.2;Document settings;30
11.4.3;Zooming the stage;31
11.5;Exploring the panels in the Flash interface;34
11.5.1;The timeline;34
11.5.1.1;Frames;36
11.5.1.2;Using the Motion Editor panel;39
11.5.2;The Properties panel;43
11.5.3;The Tools panel;49
11.5.4;The Library panel;51
11.6;Using layers;52
11.6.1;Layer properties;53
11.6.2;Creating layers;54
11.6.3;Adding content to layers;56
11.6.4;Showing/hiding and locking layers;58
11.6.5;Grouping layers;60
11.6.6;Where to get help;60
11.7;Your turn: building a Flash movie;62
11.7.1;Nesting movie clips;65
11.7.2;Drawing the fly;67
11.7.3;Creating the illusion of depth with Flash;68
11.7.4;Creating an animated fly;75
11.7.4.1;Using a motion guide;77
11.7.5;Adding audio;79
11.7.6;Testing and saving Flash files;81
11.8;You have learned;85
12;Chapter 2 Graphics in Flash CS5;86
12.1;The Tools panel;89
12.1.1;The Selection and Subselection tools;91
12.1.2;The Free Transform tool;94
12.1.3;The Gradient Transform tool;96
12.1.4;Object Drawing mode;99
12.2;Drawing in Flash CS5;102
12.2.1;The Pencil tool;102
12.2.2;The Brush tool;104
12.2.3;The Deco tool;107
12.2.4;The Spray Brush tool;117
12.2.5;The Eraser tool;120
12.2.6;The Pen tool;121
12.3;Your turn: let’s have a campfire;123
12.3.1;Drawing the tree trunk;123
12.3.2;Drawing the pine tree;125
12.3.3;Adding pine needles;126
12.3.4;Build the campfire movie;127
12.4;Working with color in Flash;129
12.4.1;The Color palette and the Color Picker;131
12.4.2;Creating persistent custom colors;134
12.4.3;The kuler Color Picker;136
12.4.4;Your turn: playing with color;138
12.5;Using bitmap images in Flash;142
12.5.1;Working with bitmaps in Flash;144
12.5.2;Your turn: tracing bitmaps in Flash;146
12.5.2.1;Tracing an image;146
12.5.2.2;Optimizing the drawing;149
12.5.3;JPEG files and Flash;150
12.5.4;Using GIF files in Flash CS5;153
12.5.4.1;Working with GIF images;154
12.5.4.2;Working with GIF animations;155
12.5.5;Importing Fireworks CS5 documents into Flash CS5;156
12.5.6;Importing Illustrator CS5 documents into Flash CS5;159
12.5.7;Importing Photoshop CS5 documents into Flash CS5;165
12.6;You have learned;168
13;Chapter 3 Symbols and Libraries;170
13.1;Symbol essentials;171
13.2;Symbol types;174
13.2.1;Graphic symbols;174
13.2.2;Button symbols;175
13.2.3;Movie clip symbols;177
13.2.4;Editing symbols;178
13.3;9-slice scaling;179
13.3.1;How 9-slice scaling works;180
13.3.2;Your turn: frames for an olive seller;182
13.3.3;The 9-slice “gotchas”;185
13.4;Sharing symbols;188
13.4.1;Sharing libraries;190
13.5;Filters and blend modes;193
13.5.1;Applying filters;193
13.5.2;Applying a Drop Shadow filter;194
13.5.3;Adding perspective;196
13.5.3.1;Some filter facts;198
13.5.4;Playing with blends;199
13.6;Managing content on the stage;203
13.6.1;Aligning objects on the stage;205
13.6.1.1;Snapping to the grid;206
13.6.1.2;Aligning with guides;207
13.6.1.3;Snapping in a guide layer and to pixels;208
13.6.2;Stacking order and using the Align panel;208
13.6.2.1;Using the Align panel;211
13.7;Masks and masking;213
13.7.1;A simple mask;213
13.7.2;Creating a masked animation;216
13.7.3;Using text as a mask;220
13.8;Your turn: a sunny day on Catalina Island;224
13.8.1;Adding the clouds;225
13.8.2;Getting the clouds in motion;227
13.8.2.1;Bonus round;229
13.9;What you’ve learned;230
14;Chapter 4 ActionScript Basics;231
14.1;The power of ActionScript;232
14.1.1;Actions panel components;234
14.1.1.1;Actions toolbox;235
14.1.1.2;Script navigator;235
14.1.1.3;Script pane;235
14.1.1.4;Panel context menu;236
14.1.2;The Actions panel vs. the Behaviors panel;237
14.2;Everything is an object;238
14.2.1;Classes;239
14.2.2;Properties;240
14.2.2.1;Using instance names;240
14.3;Setting properties via ActionScript;243
14.3.1;Methods;244
14.3.2;Events;247
14.4;Coding fundamentals;251
14.4.1;Syntax;251
14.4.2;Capitalization matters;251
14.4.3;Semicolons mark the end of a line;252
14.4.3.1;Mind your keywords;252
14.4.4;Commenting code;253
14.4.5;Dot notation;255
14.4.6;Scope;257
14.4.7;Variables;258
14.4.8;Data types;259
14.4.9;Operators;262
14.4.10;Conditional statements;265
14.4.11;Class files and the document class;269
14.4.11.1;On migrating to ActionScript 3.0: the pain and the joy;270
14.4.12;Syntax checking;271
14.5;How to read the ActionScript 3.0 Language and Components Reference;275
14.5.1;Getting help;276
14.5.2;Search tactics;277
14.6;Using ActionScript;278
14.7;Your turn: pause and loop with ActionScript;279
14.7.1;Pausing a timeline;279
14.7.2;Looping the Timeline;283
14.7.3;Using movie clips to control the timeline;284
14.7.4;Using Code Snippets;284
14.7.4.1;Adding a snippet into the Code Snippets panel;287
14.7.4.2;Code completion for custom classes;289
14.8;What you’ve learned;294
15;Chapter 5 Audio in Flash CS5;296
15.1;Flash and the audio formats;297
15.1.1;Bit depth and sample rates;298
15.1.2;Flash and MP3;300
15.2;Adding audio to Flash;301
15.2.1;Importing an audio file;301
15.2.2;Setting sound properties;302
15.3;Using audio in Flash;305
15.3.1;Choosing a sound type: event or streaming;305
15.3.2;Removing an audio file from the timeline;308
15.3.3;Getting loopy;308
15.3.4;Adjusting volume and pan;310
15.3.4.1;A note from a master;312
15.4;Your turn: adding sound to a button;313
15.5;Controlling audio with ActionScript 3.0;315
15.5.1;Playing a sound from the Library;315
15.5.2;Using a button to play a sound;317
15.5.3;Playing a sound from outside of Flash;318
15.5.4;Turning a remote sound on and off;319
15.5.5;Adjusting volume with code;321
15.5.6;Your turn: storm over Lake Superior;322
15.5.7;Code snippet: visualize audio;326
15.6;What you’ve learned;330
16;Chapter 6 Text;331
16.1;Fonts and typefaces;332
16.2;Adobe CoolType;335
16.2.1;CoolType to the rescue;336
16.2.2;Typefaces and fonts;337
16.3;Working with device fonts;338
16.4;Embedding fonts;340
16.5;The two text engines: TLF and Classic;344
16.6;Types of text;346
16.6.1;Read-only text properties;347
16.6.1.1;Character properties;348
16.6.1.2;Advanced character properties;350
16.6.1.3;Paragraph properties;352
16.6.2;Container and flow;353
16.6.3;Selectable and editable text;356
16.6.4;TLF and ActionScript;357
16.6.4.1;Creating a column of text with ActionScript;358
16.6.4.2;Import statements for this exercise;360
16.6.5;Using TLF text as a button;361
16.6.5.1;Import statements for this exercise;365
16.7;Hyperlinks and TLF;365
16.7.1;Using ActionScript to add hyperlinks to TLF text;366
16.7.1.1;Import statements used for this exercise;368
16.8;Checking spelling;368
16.9;Your turn: scrollable text;371
16.9.1;Using the UIScrollBar component;371
16.9.2;Rolling your own scroller;372
16.9.2.1;Import statements used for this exercise;375
16.10;What you have learned;376
17;Chapter 7 Animation, Part 1;377
17.1;Shape tweening;379
17.1.1;Scaling and stretching;379
17.1.2;Modifying shape tweens;384
17.1.3;Altering shapes;385
17.1.3.1;Examining anchor points;387
17.1.3.2;Shape changing;388
17.1.4;Shape hints;389
17.1.5;Altering gradients;393
17.2;Classic tweening;395
17.2.1;Rotation;395
17.2.2;Classic tween properties;397
17.2.3;Scaling, stretching, and deforming;398
17.2.4;Easing;400
17.2.5;Custom easing;403
17.2.5.1;Adding anchor points;407
17.2.5.2;Easing multiple properties;409
17.3;Using animation;411
17.3.1;A closer look at the Timeline panel;411
17.3.2;Onion skinning;413
17.3.3;Modifying multiple frames;416
17.3.3.1;Swapping graphic symbols;417
17.3.4;Combining timelines;418
17.3.4.1;Movie clip timelines vs. graphic symbol timelines;418
17.3.4.2;Nesting symbols;420
17.3.4.3;Graphic symbols as mini-libraries;422
17.3.5;Motion guides;424
17.3.6;Tweening a mask;427
17.3.6.1;Animating a mask;427
17.3.6.2;Using motion guides with masks;428
17.3.7;Tweening Filter Effects;429
17.4;Programmatic animation;431
17.4.1;Copying motion as ActionScript;432
17.4.2;Using the keyboard to control motion;435
17.4.3;Creating random motion using ActionScript;437
17.4.3.1;Brownian bonus round;440
17.5;What you have learned;442
18;Chapter 8 Animation, Part 2;443
18.1;Animating with the Motion Editor panel;444
18.1.1;Getting acquainted: scaling and moving;446
18.1.2;Easing with graphs;453
18.1.2.1;Built-in eases;454
18.1.2.2;Creating custom eases;460
18.1.2.3;Applying multiple eases;460
18.2;Managing property keyframes;461
18.2.1;Changing duration proportionally;465
18.2.2;Changing duration nonproportionally;466
18.3;Motion paths;466
18.3.1;Manipulating motion paths;466
18.3.2;Using advanced motion paths;469
18.3.3;Motion tween properties;470
18.4;Motion presets;471
18.5;Inverse kinematics (IK);474
18.5.1;Using the Bone tool;475
18.5.1.1;Bone tool properties;478
18.5.1.2;Constraining joint rotation;481
18.5.1.3;Deleting bones;484
18.6;Putting some “spring” in your bones;484
18.6.1;Applying joint translation;486
18.6.2;A note about bone preferences;491
18.6.3;Animating IK Poses;494
18.6.4;Using the Bind tool;496
18.6.4.1;Shape IK and fills;501
18.6.4.2;Shape IK and anchor points;501
18.6.5;Your turn: animate a fully rigged IK model;503
18.7;Inspiration is everywhere;508
18.8;What you have learned;509
19;Chapter 9 Flash Has a Third Dimension;511
19.1;What 3D really means in Flash (and what it doesn’t);512
19.2;Understanding the vanishing point;514
19.3;Using the 3D tools;517
19.3.1;The 3D Rotation tool;517
19.3.1.1;Old-school 3D rotation;517
19.3.1.2;Using 3D rotation;519
19.3.2;The 3D Translation tool;522
19.4;Strategies for positioning content in 3D space;528
19.4.1;The parallax effect: traveling through space;528
19.4.2;Use the 3D center point to your advantage;533
19.4.3;Be aware of depth limitations;536
19.5;Your turn: simulate a photo cube;538
19.6;What you have learned;542
20;Chapter 10 Video;543
20.1;Video on the Web;545
20.2;Video formats;546
20.3;Encoding an FLV;548
20.3.1;Using the Adobe Media Encoder;548
20.3.1.1;Previewing and trimming video;550
20.3.1.2;Video settings;551
20.3.1.3;Audio settings;554
20.3.1.4;Cropping video;555
20.3.1.5;Running the render process;556
20.3.2;Batch encoding;557
20.3.3;Creating an F4V file;558
20.3.4;More Media Encoder Goodness;560
20.4;Playing an FLV in Flash CS5;562
20.4.1;Using the wizard;562
20.4.1.1;A word about file paths;567
20.4.2;Using the FLVPlayback component;568
20.4.3;Playing video using ActionScript;571
20.4.3.1;There’s a snippet for that;575
20.4.4;Using the FLVPlayback control components;576
20.4.5;Navigating through video using cue points;578
20.4.6;Adding captions with the FLVPlaybackCaptioning component;583
20.4.7;Preparing and using alpha channel video;588
20.4.8;Going full-screen with video;590
20.4.8.1;Full-screen video the ActionScript/HTML way;590
20.4.8.2;Full-screen video using Dreamweaver CS5;594
20.5;When video is not video;595
20.6;Embedding video;595
20.6.1;Embedding video as a movie clip;597
20.6.2;Interacting with video content;598
20.7;Adding cue points;599
20.7.1;An alternate XML format for cue points;600
20.7.2;Your turn: create XML captions for video;604
20.7.2.1;Bonus round;608
20.8;Your turn: play with alpha video;609
20.9;Your turn: think big, really big!;613
20.10;What you have learned;614
21;Chapter 11 Building Interfaces with the UI Components;616
21.1;Button component;618
21.1.1;Using the Button component;618
21.1.1.1;Adding button events;621
21.1.1.2;Referencing components in event handlers;623
21.1.1.3;Considering UI component weight;624
21.1.2;Changing the Button component’s appearance;625
21.1.2.1;Skinning;625
21.1.2.2;Styling components;627
21.2;CheckBox component;630
21.3;ColorPicker component;632
21.4;ComboBox component;634
21.5;DataGrid component;637
21.6;Label component;639
21.7;List component;639
21.8;NumericStepper component;641
21.9;ProgressBar component;643
21.10;RadioButton component;645
21.11;ScrollPane component;647
21.12;Slider component;648
21.13;TextArea component;650
21.14;TextInput component;651
21.15;TileList component;652
21.16;UILoader component;653
21.17;UIScrollBar component;656
21.18;What you have learned;656
22;Chapter 12 XML (Dynamic Data);657
22.1;Writing XML;659
22.2;Loading an XML file;662
22.3;Using E4X syntax;663
22.3.1;Dots and @s;664
22.3.2;Node types;668
22.3.3;E4X filtering;670
22.3.4;Double dots and more;671
22.3.5;Namespaces;673
22.3.6;Your turn: time to explore XFL;675
22.3.6.1;What is XFL?;676
22.3.6.2;XFL bonus round;680
22.4;What you have learned;681
23;Chapter 13 CSS;682
23.1;Styling with CSS;684
23.2;Loading external CSS;689
23.2.1;Block element styling;693
23.2.2;Inline element styling;696
23.2.3;Custom tags;697
23.2.4;Style inheritance;699
23.2.5;Styling hyperlinks;701
23.2.6;Embedded fonts;703
23.2.7;Selectors vs. the Properties panel;706
23.3;What you have learned;707
24;Chapter 14 Building Stuff;708
24.1;Loading content;710
24.1.1;Are we there yet?;710
24.1.2;Somebody stole my preloader;714
24.2;Building a slide show with components and XML;716
24.2.1;A tour of the Beijing art district;717
24.2.1.1;Extending the tour;722
24.3;Building an MP3 player with XML;724
24.3.1;Setting up the external playlist;725
24.3.2;Polishing up the symbols;726
24.3.2.1;Renaming Library assets;726
24.3.2.2;Improving the controls;728
24.3.3;Wiring up the MP3 player controls;733
24.3.3.1;Handling the button events;739
24.3.3.2;Programming the sliders;741
24.3.3.3;Finishing up the controls;747
24.3.4;Evaluating and improving the MP3 player;748
24.4;Going mobile;750
24.4.1;A quick tour of Device Central;750
24.4.1.1;“Wiring up” the game;756
24.4.1.2;Testing the game in Device Central;762
24.4.2;Package the game as an Android AIR app;763
24.4.2.1;From Flash to AIR to Android;765
24.4.3;Build more stuff;769
24.5;What you have learned;769
25;Chapter 15 Optimizing and Publishing Flash Movies;770
25.1;Flash’s love-hate Internet relationship;771
25.1.1;This “Internet” thing;772
25.1.2;Enter the World Wide Web;773
25.1.3;Bandwidth;773
25.1.4;So, who are these folks we call users?;775
25.2;Streaming;776
25.3;The Bandwidth Profiler;778
25.3.1;Simulating a download;778
25.3.2;Pinpointing problem content;782
25.3.3;Can I get that in writing?;783
25.4;Optimizing and fine-tuning your Flash movies;784
25.4.1;Planning your project;784
25.4.2;Distributing the weight;789
25.4.3;Optimizing elements in the movie;791
25.5;Publishing and web formats;796
25.5.1;Flash;797
25.5.2;HTML;798
25.5.3;Animated GIFs;799
25.5.3.1;Exporting as an animated GIF;800
25.5.3.2;Importing an animated GIF;803
25.5.4;QuickTime;803
25.5.5;It’s showtime!;804
25.6;It’s showtime!;804
25.6.1;Publish settings;805
25.6.1.1;Formats;806
25.6.1.2;Flash settings;807
25.6.1.3;HTML settings;812
25.6.2;Publishing the butterfly garden;816
25.6.3;Publishing Flash movies containing linked files;818
25.7;What you have learned;820
26;Index;822