Adobe Edge Animate: The Missing Manual

The Missing Credits......Page 9
Introduction......Page 13
	Part One:	Working with the Stage......Page 21
Creating and Saving Edge Animate Projects......Page 23
A Tour of the Animate Workspace......Page 25
Building Your First Animation......Page 28
Setting the Stage......Page 37
Creating Art in Animate......Page 40
Aligning, Distributing, and Arranging Elements......Page 49
A Rectangular Animation......Page 51
Rounded Rectangles: More than Meets the Eye......Page 56
Adding Drop Shadows to Graphics......Page 58
Importing Art......Page 60
On/Off: Another Way to Show and Hide Elements......Page 66
	Chapter 3:	Adding and Formatting Text......Page 69
Adding Text to Your Project......Page 70
Changing Text-Specific Properties......Page 71
Using Web Fonts......Page 76
Changing Other Text Properties......Page 79
Making That Headline Drop In......Page 80
Dealing with the Template......Page 85
Adding Some Bounce......Page 86
Adding Links to Text......Page 89
HTML Tags in Animate......Page 90
 Part Two: Animation with Edge Animate......Page 93
Introducing the Timeline......Page 95
Understanding Elements’ Timeline Controls......Page 100
Using Timeline Keyboard Shortcuts......Page 102
Creating Transitions......Page 104
Animating a Filmstrip......Page 114
Dealing with Timeline Claustrophobia......Page 117
	Chapter 5:	Triggering Actions......Page 119
Elements, Triggers, and Actions......Page 120
Triggering Actions in Other Elements......Page 125
Triggers and Actions for the Stage \nand Timeline......Page 127
Timeline Triggers and Tricks......Page 132
Sliding Show Revisited......Page 137
Non-Linear Thinking and Design......Page 140
Timeline Button Controls......Page 141
Triggers for iPhones and Androids......Page 144
	Chapter 6:	Working Smart with Symbols......Page 145
About Symbols......Page 146
Building with Symbols......Page 147
Nesting Symbols Within Symbols......Page 151
Working with Symbol Timelines......Page 152
Animating a Symbol on the Stage......Page 156
Create a Button Symbol with Rollover \nAction......Page 158
Building a Drop-Down Menu System......Page 166
Creating Text Callouts with Rollover Action......Page 168
	Part Three:	Edge Animate with HTML5 and JavaScript......Page 177
	Chapter 7:	Working with Basic HTML and CSS......Page 179
Reading HTML Documents......Page 180
Reading CSS Files......Page 182
Reading the HTML Animate Creates......Page 186
Opening an HTML Document in Animate......Page 187
Placing Your Composition in an HTML Document......Page 190
Centering an Animate Composition......Page 192
Placing Two Animate Compositions......Page 194
A Very Brief History of JavaScript and jQuery......Page 199
Sleuthing Through the JavaScript Animate Creates......Page 200
JavaScript and jQuery Basics......Page 207
“this” and “sym” Are Special Words......Page 213
More Showing and Hiding Tricks......Page 215
Swapping Images in Animate......Page 223
Identifying and Changing Elements and Symbols......Page 226
Identifying Elements Within Symbols......Page 233
Playing a Symbol’s Timeline......Page 236
Using Conditional Statements......Page 238
 Part Four: Publishing Your Composition......Page 247
Adding Background Images to Compositions and Elements......Page 249
Creating Responsive Designs......Page 254
Creating a Preloader for Your Composition......Page 257
Accommodating Older Web Browsers......Page 259
Publishing Your Composition as a Web Page......Page 261
	Part Five:	Appendixes......Page 263
	Appendix A:	Installation and Help......Page 265
File......Page 269
Edit......Page 272
View......Page 275
Modify......Page 277
Timeline......Page 279
Window......Page 282
Help......Page 284
Index......Page 285