Adobe Edge Animate: The Missing Manual

by Chris Grover

Overview

Want to create animated graphics for iPhone, iPad, and the Web, using familiar Adobe features? You’ve come to the right book. Adobe Edge Animate: The Missing Manual shows you how to build HTML5 graphics with Adobe visual tools. No programming experience? No problem. Adobe Edge Animate writes all of the code for you. With this book, you’ll be designing great-looking web elements in no time. (Note: This book does not cover Adobe Edge Animate CC and later versions.)

The important stuff you need to know:

• Jump into animation. Master Animate’s elements, properties, and timeline panels.
• Create and import graphics. Make drawings with Animate’s tools, or use art you’ve created in other programs.
• Work with text. Build menus, label buttons, provide instructions, and perform other tasks.
• Make it interactive. Use triggers and actions to give users control over their web experience.
• Dig into JavaScript. Customize your projects by tweaking your code.
• Look great at any size. Publish responsive web pages that adjust to any display, tablet, or smartphone.

Product Details

ISBN-13:	9781449342258
Publisher:	O'Reilly Media, Incorporated
Publication date:	11/19/2012
Pages:	302
Product dimensions:	6.90(w) x 9.10(h) x 0.80(d)

About the Author

Christopher Grover has worked as a technical writer, advertising copywriter, and product publicist for more than 25 years. Chris is the owner of Bolinas Road Creative, an agency that helps small businesses promote their products and services. He is the author of Flash CS6: The Missing Manual and Office 2011 for Macintosh: The Missing Manual.

Table of Contents

The Missing Credits;
About the Author;
About the Creative Team;
Acknowledgements;
The Missing Manual Series;
Introduction;
Why Use Adobe Edge Animate?;
Where to Find Adobe Edge Animate;
About This Book;
The Very Basics;
About the Online Resources;
Safari® Books Online;
Part 1: Working with the Stage;
Chapter 1: Introducing Adobe Edge Animate;
1.1 Creating and Saving Edge Animate Projects;
1.2 A Tour of the Animate Workspace;
1.3 Building Your First Animation;
Chapter 2: Creating and Animating Art;
2.1 Setting the Stage;
2.2 Viewing the Stage;
2.3 Creating Art in Animate;
2.4 Aligning, Distributing, and Arranging Elements;
2.5 A Rectangular Animation;
2.6 Rounded Rectangles: More than Meets the Eye;
2.7 Adding Drop Shadows to Graphics;
2.8 Clipping the Bits That Need Trimming;
2.9 Importing Art;
2.10 On/Off: Another Way to Show and Hide Elements;
Chapter 3: Adding and Formatting Text;
3.1 Adding Text to Your Project;
3.2 Changing Text-Specific Properties;
3.3 Using Web Fonts;
3.4 Changing Other Text Properties;
3.5 Clipping Text Around the Edges;
3.6 Making That Headline Drop In;
3.7 Dealing with the Template;
3.8 Adding Some Bounce;
3.9 Adding Links to Text;
3.10 HTML Tags in Animate;
Part 2: Animation with Edge Animate;
Chapter 4: Learning Timeline and Transition Techniques;
4.1 Introducing the Timeline;
4.2 Understanding Elements’ Timeline Controls;
4.3 Using Timeline Keyboard Shortcuts;
4.4 Creating Transitions;
4.5 Animating a Filmstrip;
4.6 Dealing with Timeline Claustrophobia;
Chapter 5: Triggering Actions;
5.1 Elements, Triggers, and Actions;
5.2 Triggering Actions in Other Elements;
5.3 Triggers and Actions for the Stage and Timeline;
5.4 Timeline Triggers and Tricks;
5.5 Sliding Show Revisited;
5.6 Non-Linear Thinking and Design;
5.7 Timeline Button Controls;
5.8 Triggers for iPhones and Androids;
Chapter 6: Working Smart with Symbols;
6.1 About Symbols;
6.2 Building with Symbols;
6.3 Nesting Symbols Within Symbols;
6.4 Working with Symbol Timelines;
6.5 Animating a Symbol on the Stage;
6.6 Create a Button Symbol with Rollover Action;
6.7 Moving Symbols Between Projects;
6.8 Building a Drop-Down Menu System;
6.9 Creating Text Callouts with Rollover Action;
Part 3: Edge Animate with HTML5 and JavaScript;
Chapter 7: Working with Basic HTML and CSS;
7.1 Reading HTML Documents;
7.2 Reading CSS Files;
7.3 Reading the HTML Animate Creates;
7.4 Opening an HTML Document in Animate;
7.5 Placing Your Composition in an HTML Document;
7.6 Centering an Animate Composition;
7.7 Placing Two Animate Compositions on the Same Page;
Chapter 8: Controlling Your Animations with JavaScript and jQuery;
8.1 A Very Brief History of JavaScript and jQuery;
8.2 Sleuthing Through the JavaScript Animate Creates;
8.3 JavaScript and jQuery Basics;
8.4 Natural Selection the jQuery Way;
8.5 “this” and “sym” Are Special Words;
Chapter 9: Helpful JavaScript Tricks;
9.1 More Showing and Hiding Tricks;
9.2 Swapping Images in Animate;
9.3 Identifying and Changing Elements and Symbols;
9.4 Identifying Elements Within Symbols;
9.5 Playing a Symbol’s Timeline;
9.6 Using Conditional Statements;
Part 4: Publishing Your Composition;
Chapter 10: Publishing Responsive Web Pages;
10.1 Adding Background Images to Compositions and Elements;
10.2 Creating Responsive Designs;
10.3 Creating a Preloader for Your Composition;
10.4 Accommodating Older Web Browsers;
10.5 Publishing Your Composition as a Web Page;
Part 5: Appendixes;
Installation and Help;
Edge Animate System Requirements;
Installing Edge Animate;
Uninstalling Edge Animate;
Getting Help;
Menu by Menu;
File;
Edit;
View;
Modify;
Timeline;
Window;
Help;