Adobe Edge Preview 5: 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 guide. Adobe Edge Preview 5: The Missing Manual shows you how to build HTML5 and JavaScript graphics with Adobe multimedia tools. No programming experience? No problem. Adobe Edge writes all the code for you. With this book, you’ll be designing great-looking web apps in no time.

The important stuff you need to know:

• Get to know the workspace. Learn how Adobe Edge Preview 5 performs its magic.
• Create and import graphics. Make drawings with Edge’s tools, or use art you designed in other programs.
• Work with text. Build menus, label buttons, provide instructions, and perform other tasks.
• Jump into animation. Master Edge’s elements, properties, and timeline panels.
• Make it interactive. Use triggers and actions to give users control over their web experience.
• Peek behind the curtain. Understand how HTML and CSS documents work.
• Dig into JavaScript. Customize your projects by tweaking your code.

Product Details

ISBN-13:	9781449330309
Publisher:	O'Reilly Media, Incorporated
Publication date:	05/16/2012
Series:	Missing Manual Series
Pages:	222
Product dimensions:	6.90(w) x 9.10(h) x 0.30(d)

About the Author

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

Table of Contents

Introduction;
Why Use Adobe Edge?;
Where to Find Adobe Edge;
About This Book;
The Very Basics;
About the Online Resources;
Safari® Books Online;
Part One: Working with the Stage;
Chapter 1: Introducing Adobe Edge;
1.1 Creating and Saving Edge Projects;
1.2 A Tour of the Edge Workspace;
1.3 Building Your First Edge Animation;
Chapter 2: Creating and Animating Art;
2.1 Setting the Stage;
2.2 Creating Art in Edge;
2.3 Aligning, Distributing, and Arranging Elements;
2.4 A Rectangular Animation;
2.5 Rounded Rectangles: More than Meets the Eye;
2.6 Importing Art;
2.7 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 Edge;
Part Two: Animation with Edge;
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 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 Triggers for iPhones and Androids;
Part Three: Edge with HTML5 and JavaScript;
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 Building a Drop-Down Menu System;
Chapter 7: Working with Basic HTML and CSS;
7.1 Reading HTML Documents;
7.2 Reading CSS Files;
7.3 Reading the HTML Edge Creates;
7.4 Opening an HTML Document in Edge;
7.5 Placing Your Composition in an HTML Document;
7.6 Placing Two Edge 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 Edge 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 Edge;
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 Four: appendix;
Installation and Help;
Edge System Requirements;
Installing Edge;
Uninstalling Edge;
Getting Help;