About the Authors |
|
xix | |
About the Technical Reviewer |
|
xxi | |
Acknowledgments |
|
xxiii | |
Introduction |
|
xxv | |
|
Chapter 1 Learning the Animate CC Interface |
|
|
1 | (56) |
|
|
2 | (1) |
|
Creating a New Animate CC document |
|
|
3 | (2) |
|
|
5 | (2) |
|
Setting Document Preferences and Properties |
|
|
7 | (1) |
|
|
8 | (1) |
|
|
9 | (1) |
|
|
10 | (3) |
|
Exploring the Panels in the Animate CC Interface |
|
|
13 | (1) |
|
|
13 | (8) |
|
|
21 | (4) |
|
|
25 | (2) |
|
|
27 | (1) |
|
|
28 | (1) |
|
|
28 | (1) |
|
|
29 | (1) |
|
|
30 | (2) |
|
|
32 | (2) |
|
Showing/Hiding and Locking Layers |
|
|
34 | (1) |
|
|
35 | (1) |
|
|
35 | (1) |
|
Your Turn: Building an Animate CC Movie |
|
|
36 | (3) |
|
Adding the Mountains and Playing with Color |
|
|
39 | (1) |
|
Using Trees to Create the Illusion of Depth |
|
|
40 | (3) |
|
Using a Motion Tween To Create a Twinkling Star |
|
|
43 | (2) |
|
A Moon Over Lake Nanagook |
|
|
45 | (5) |
|
Breaking the Stillness of the Night at Lake Nanagook |
|
|
50 | (2) |
|
|
52 | (1) |
|
Moonrise Over Lake Nanagook |
|
|
53 | (3) |
|
|
56 | (1) |
|
Chapter 2 Graphics in Animate CC |
|
|
57 | (66) |
|
|
58 | (2) |
|
The Selection and Subselection Tools |
|
|
60 | (3) |
|
|
63 | (3) |
|
The Gradient Transform Tool |
|
|
66 | (3) |
|
|
69 | (2) |
|
|
71 | (1) |
|
|
71 | (4) |
|
|
75 | (2) |
|
|
77 | (3) |
|
|
80 | (1) |
|
|
81 | (4) |
|
|
85 | (1) |
|
|
86 | (2) |
|
Working with Color in Animate CC |
|
|
88 | (1) |
|
|
89 | (1) |
|
|
89 | (1) |
|
|
89 | (1) |
|
The Color Palette and the Color Picker |
|
|
90 | (1) |
|
Creating Persistent Custom Colors |
|
|
91 | (3) |
|
Creating Color Palettes with Creative Cloud Libraries |
|
|
94 | (1) |
|
Your Turn: Playing with Color |
|
|
95 | (5) |
|
Using Bitmap Images in Animate CC |
|
|
100 | (2) |
|
Working with Bitmaps Inside Animate CC |
|
|
102 | (1) |
|
Your Turn: Tracing Bitmaps in Animate CC |
|
|
103 | (1) |
|
|
103 | (2) |
|
|
105 | (2) |
|
|
107 | (2) |
|
Using GIF Files in Animate CC |
|
|
109 | (1) |
|
|
110 | (1) |
|
Working with GIF Animations |
|
|
111 | (1) |
|
Importing Photoshop Documents into Animate CC |
|
|
112 | (3) |
|
Importing Illustrator CC Documents into Animate CC |
|
|
115 | (5) |
|
Importing Sketch 3 Documents into Animate CC |
|
|
120 | (2) |
|
|
122 | (1) |
|
Chapter 3 Symbols and Libraries |
|
|
123 | (58) |
|
|
124 | (3) |
|
|
127 | (1) |
|
|
127 | (1) |
|
|
128 | (1) |
|
|
129 | (2) |
|
|
131 | (1) |
|
|
132 | (1) |
|
How 9-Slice Scaling Works |
|
|
132 | (3) |
|
Your Turn: Frames for an Olive Seller |
|
|
135 | (2) |
|
|
137 | (3) |
|
|
140 | (2) |
|
|
142 | (4) |
|
|
146 | (1) |
|
|
147 | (1) |
|
Applying a Drop Shadow Filter |
|
|
147 | (2) |
|
|
149 | (3) |
|
|
152 | (5) |
|
Managing Content on the Stage |
|
|
157 | (2) |
|
Aligning Objects on the Stage |
|
|
159 | (2) |
|
Stacking Order and Using the Align Panel |
|
|
161 | (4) |
|
|
165 | (1) |
|
|
166 | (1) |
|
|
167 | (2) |
|
Creating a Masked Animation |
|
|
169 | (4) |
|
Your Turn: A Sunny Day on Catalina Island |
|
|
173 | (2) |
|
|
175 | (4) |
|
|
179 | (2) |
|
Chapter 4 Interactivity Basics |
|
|
181 | (68) |
|
|
182 | (1) |
|
|
182 | (5) |
|
|
187 | (2) |
|
|
189 | (1) |
|
JavaScript and ActionScript |
|
|
190 | (1) |
|
General Programming Concepts in Animate CC |
|
|
191 | (1) |
|
|
192 | (1) |
|
|
193 | (5) |
|
Setting Properties with Code |
|
|
198 | (1) |
|
|
199 | (3) |
|
|
202 | (4) |
|
Additional Coding Fundamentals |
|
|
206 | (1) |
|
|
206 | (1) |
|
|
206 | (1) |
|
Semicolons Mark the End of a Line |
|
|
207 | (1) |
|
|
207 | (1) |
|
|
207 | (2) |
|
|
209 | (2) |
|
|
211 | (1) |
|
|
212 | (1) |
|
Data Types (ActionScript) |
|
|
213 | (3) |
|
|
216 | (3) |
|
|
219 | (4) |
|
Working with JavaScript, HTML5 Canvas, and CreateJS |
|
|
223 | (1) |
|
How to Read the CreateJS Documentation |
|
|
224 | (1) |
|
JavaScript Troubleshooting |
|
|
225 | (1) |
|
Using Additional JavaScript Libraries |
|
|
226 | (2) |
|
Working with ActionScript and the Flash Platform |
|
|
228 | (1) |
|
Class Files and the Document Class |
|
|
229 | (1) |
|
ActionScript Syntax Checking |
|
|
230 | (3) |
|
How to Read the ActionScript 3.0 Reference for the Adobe Flash Platform |
|
|
233 | (3) |
|
Using ActionScript and JavaScript |
|
|
236 | (1) |
|
Your Turn: Pause and Loop with JavaScript |
|
|
236 | (1) |
|
|
237 | (3) |
|
|
240 | (1) |
|
Using Movieclips to Control the Timeline |
|
|
241 | (1) |
|
|
242 | (3) |
|
Adding a Snippet to the Code Snippets Panel |
|
|
245 | (2) |
|
|
247 | (2) |
|
Chapter 5 Audio in Animate CC |
|
|
249 | (32) |
|
Animate CC and Audio Formats |
|
|
250 | (1) |
|
Bit Depth and Sample Rates |
|
|
251 | (1) |
|
|
252 | (1) |
|
Adding Audio to Animate CC |
|
|
253 | (1) |
|
|
253 | (1) |
|
|
254 | (3) |
|
Using Audio in Animate CC |
|
|
257 | (1) |
|
Choosing a Sound Type: Event and Stream |
|
|
257 | (3) |
|
Removing an Audio File from the Timeline |
|
|
260 | (1) |
|
|
261 | (1) |
|
|
262 | (3) |
|
Splitting Stream Audio Along the Timeline |
|
|
265 | (2) |
|
Your Turn: Adding Sound to a Button |
|
|
267 | (1) |
|
Controlling Audio with JavaScript |
|
|
268 | (1) |
|
Playing a Sound from the Library |
|
|
268 | (2) |
|
Using a Button to Play a Sound |
|
|
270 | (1) |
|
Playing a Sound from Outside of Animate CC |
|
|
271 | (1) |
|
Turning a Remote Sound On and Off |
|
|
272 | (1) |
|
Adjusting Volume with Code |
|
|
273 | (2) |
|
Your Turn: Storm Over Lake Superior |
|
|
275 | (4) |
|
|
279 | (2) |
|
Chapter 6 Text in Animate CC |
|
|
281 | (32) |
|
|
282 | (2) |
|
|
284 | (1) |
|
|
285 | (1) |
|
|
286 | (1) |
|
|
286 | (4) |
|
|
290 | (1) |
|
Working with Device Fonts |
|
|
291 | (2) |
|
|
293 | (3) |
|
Your Turn: Working with Text |
|
|
296 | (2) |
|
A Word About TLF Text in Animate CC |
|
|
298 | (1) |
|
Dealing with Older Documents Using TLF |
|
|
299 | (1) |
|
Creating Text with JavaScript |
|
|
300 | (3) |
|
Creating Text with ActionScript |
|
|
303 | (4) |
|
Your Turn: Scrollable Text in HTML5 Canvas |
|
|
307 | (1) |
|
Rolling Your Own Scroller |
|
|
307 | (4) |
|
|
311 | (2) |
|
|
313 | (78) |
|
|
314 | (1) |
|
|
315 | (1) |
|
|
315 | (5) |
|
|
320 | (2) |
|
|
322 | (4) |
|
|
326 | (4) |
|
|
330 | (2) |
|
|
332 | (1) |
|
|
332 | (2) |
|
|
334 | (1) |
|
Scaling, Stretching, and Deforming |
|
|
335 | (3) |
|
|
338 | (3) |
|
|
341 | (8) |
|
|
349 | (1) |
|
A Closer Look at the Timeline Panel |
|
|
349 | (1) |
|
|
350 | (3) |
|
Modifying Multiple Frames |
|
|
353 | (2) |
|
|
355 | (6) |
|
|
361 | (3) |
|
|
364 | (2) |
|
|
366 | (2) |
|
|
368 | (1) |
|
|
369 | (3) |
|
Using the Keyboard to Control Motion |
|
|
372 | (9) |
|
|
381 | (3) |
|
Advanced Random Motion Using JavaScript |
|
|
384 | (4) |
|
|
388 | (3) |
|
Chapter 8 The Motion Editor and Inverse Kinematics |
|
|
391 | (66) |
|
Animating with the Motion Editor |
|
|
392 | (1) |
|
Getting Acquainted: Scaling and Moving |
|
|
393 | (6) |
|
|
399 | (1) |
|
|
400 | (8) |
|
Managing property keyframes |
|
|
408 | (3) |
|
Changing Duration Proportionally |
|
|
411 | (1) |
|
|
412 | (1) |
|
Manipulating Motion Paths |
|
|
412 | (4) |
|
|
416 | (1) |
|
|
417 | (4) |
|
|
421 | (1) |
|
|
421 | (11) |
|
Putting Some "Spring" in Your Bones |
|
|
432 | (2) |
|
Applying Joint Translation |
|
|
434 | (8) |
|
|
442 | (2) |
|
|
444 | (5) |
|
Your Turn: Animate a Fully Rigged IK model |
|
|
449 | (5) |
|
|
454 | (3) |
|
Chapter 9 Animate CC and the Third Dimension |
|
|
457 | (20) |
|
A Brief Lowering of Expectations |
|
|
457 | (1) |
|
Understanding the Vanishing Point |
|
|
458 | (1) |
|
Using the 3D Rotation Tool |
|
|
459 | (2) |
|
|
461 | (1) |
|
How to Set a Vanishing Point |
|
|
461 | (3) |
|
How to Use the 3D Translation Tool |
|
|
464 | (1) |
|
Using the 3D Center Point to Your Advantage |
|
|
465 | (3) |
|
Be Aware of Depth Limitations |
|
|
468 | (3) |
|
The Camera Tool in Animate CC |
|
|
471 | (2) |
|
|
473 | (1) |
|
|
474 | (2) |
|
|
476 | (1) |
|
|
477 | (42) |
|
Video on the Web and Beyond |
|
|
478 | (1) |
|
The MP4 and WebM Video Formats |
|
|
478 | (1) |
|
|
479 | (1) |
|
Using Adobe Media Encoder |
|
|
479 | (3) |
|
How to Use the Basic Video Settings |
|
|
482 | (1) |
|
How to Set the Video Bitrate |
|
|
483 | (1) |
|
How to Encode the Audio Track |
|
|
484 | (2) |
|
Using the Animate CC Video Wizard |
|
|
486 | (3) |
|
Video Playback with ActionScript 3.0 Documents |
|
|
489 | (1) |
|
Using the ActionScript 3.0 FLV Playback 2.5 Component |
|
|
489 | (3) |
|
Playing Video Using Raw ActionScript |
|
|
492 | (2) |
|
Video with HTML5 Canvas Documents |
|
|
494 | (1) |
|
Using the HTML5 Canvas Video Component |
|
|
495 | (3) |
|
Creating Captions and Adding Accessibility |
|
|
498 | (1) |
|
WebVTT and HTML5 Canvas Documents |
|
|
498 | (6) |
|
WebVTT and ActionScript 3.0 Documents |
|
|
504 | (6) |
|
Your Turn: Custom HTML5 Canvas Video Controls |
|
|
510 | (3) |
|
Bonus Round: Create a Cinemagraph in Animate CC |
|
|
513 | (3) |
|
How to Create an Animated GIF |
|
|
516 | (2) |
|
|
518 | (1) |
|
Chapter 11 Components and External Media |
|
|
519 | (44) |
|
Building Content with UI Components |
|
|
519 | (1) |
|
Working with ActionScript 3.0 UI Components |
|
|
520 | (9) |
|
Working with HTML5 Canvas UI Components |
|
|
529 | (5) |
|
Building a Slideshow with XML |
|
|
534 | (1) |
|
Image Files and XML Structure |
|
|
535 | (3) |
|
Assembling the UI Components |
|
|
538 | (4) |
|
|
542 | (5) |
|
Building a MP3 Player with JSON |
|
|
547 | (1) |
|
MP3 Files, Image Files, and JSON Structure |
|
|
547 | (4) |
|
Assembling the UI Components |
|
|
551 | (3) |
|
|
554 | (4) |
|
Additional Customization Options |
|
|
558 | (2) |
|
|
560 | (3) |
|
Chapter 12 Optimizing and Publishing Animate CC Projects |
|
|
563 | (26) |
|
Animate CC, Flash Player, and the Internet |
|
|
563 | (1) |
|
|
564 | (1) |
|
|
565 | (1) |
|
|
565 | (2) |
|
|
567 | (1) |
|
|
568 | (1) |
|
|
569 | (1) |
|
Optimizing Elements in an Animate CC Project |
|
|
570 | (3) |
|
Publishing and Web Formats |
|
|
573 | (1) |
|
|
573 | (1) |
|
|
574 | (1) |
|
|
574 | (1) |
|
Cascading Style Sheets (CSS) |
|
|
574 | (1) |
|
|
575 | (1) |
|
|
575 | (1) |
|
|
575 | (1) |
|
Publish Settings for ActionScript 3.0 Documents |
|
|
575 | (2) |
|
|
577 | (3) |
|
Publish Settings for HTML5 Canvas Documents |
|
|
580 | (1) |
|
|
581 | (6) |
|
|
587 | (2) |
Index |
|
589 | |