Adobe Edge Preview 5 · the Missing Manual by Grover, Chris -- Read -- Imperial Library of Trantor

Index

Adobe Edge Preview 5: The Missing Manual Introduction

Why Use Adobe Edge? Where to Find Adobe Edge About This Book

Macintosh and Windows About the Outline

The Very Basics

About→These→Arrows

About the Online Resources

Missing CD Registration Feedback Errata Newsletter

Safari® Books Online

One. Working with the Stage

1. Introducing Adobe Edge

Creating and Saving Edge Projects A Tour of the Edge Workspace

Saving a Custom Workspace

Building Your First Edge Animation

Viewing Your Animation in a Browser

2. Creating and Animating Art

Setting the Stage Creating Art in Edge

Rectangles: Building a Basic Box Selecting and Copying Elements Transforming Your Rectangle

Aligning, Distributing, and Arranging Elements

Arranging Elements: Z-Order

A Rectangular Animation

Animating by Adding Property Keyframes Reviewing and Troubleshooting Your Animation

Rounded Rectangles: More than Meets the Eye

A Circle Is a Very Rounded Rectangle

Importing Art

Showing and Hiding Elements The Sliding Show

On/Off: Another Way to Show and Hide Elements

3. Adding and Formatting Text

Adding Text to Your Project

About Text Containers

Changing Text-Specific Properties

About Typefaces and Fonts

Using Web Fonts

Adding Web Fonts to Your Composition

Changing Other Text Properties Clipping Text Around the Edges Making That Headline Drop In Dealing with the Template Adding Some Bounce

Creating a Bounce Manually Using Edge’s Prebuilt Bounce

Adding Links to Text HTML Tags in Edge

Two. Animation with Edge

4. Learning Timeline and Transition Techniques

Introducing the Timeline

Choosing a Moment in Time Adding Labels to the Timeline Editing Labels

Understanding Elements’ Timeline Controls

Showing, Hiding, and Locking Elements

Using Timeline Keyboard Shortcuts Creating Transitions

Creating Instant Transitions Setting the Pin for a Smooth Transition Manually Adding and Removing Property Keyframes Editing Transitions Adding Easing, Reversing Motion, and Fine-Tuning Transitions

Dealing with Timeline Claustrophobia

5. Triggering Actions

Elements, Triggers, and Actions

Trigger Your First Action

Triggering Actions in Other Elements Triggers and Actions for the Stage and Timeline

Deleting Triggers and Actions Adding Triggers to the Stage Editing an Action

Timeline Triggers and Tricks

Adding a Trigger to Loop Your Animation Using Labels in Your Timeline Code Adding Triggers to a Point in Time

Sliding Show Revisited Non-Linear Thinking and Design Triggers for iPhones and Androids

Three. Edge with HTML5 and JavaScript

6. Working Smart with Symbols

About Symbols Building with Symbols

Building a Multipart Leg Symbol Creating a Curved Line with a Rounded Rectangle

Nesting Symbols within Symbols Working with Symbol Timelines Animating a Symbol on the Stage

Duplicating and Renaming Symbols Deleting or Undoing a Symbol

Create a Button Symbol with Rollover Action

Making Your Button Open a Web Page

Building a Drop-Down Menu System

7. Working with Basic HTML and CSS

Reading HTML Documents

Playing Tag the HTML Way Creating a Hyperlink with HTML

Reading CSS Files

Applying CSS Styles to Element IDs and Classes

Reading the HTML Edge Creates Opening an HTML Document in Edge Placing Your Composition in an HTML Document Placing Two Edge Compositions on the Same Page

8. Controlling Your Animations with JavaScript and jQuery

A Very Brief History of JavaScript and jQuery

JavaScript Versus ActionScript and Other Languages

Sleuthing Through the JavaScript Edge Creates

Adding a New Element to the Stage

JavaScript and jQuery Basics

Operators in JavaScript Conditional Statements in JavaScript Understanding the Document Object Model (DOM)

Natural Selection the jQuery Way “this” and “sym” are Special Words

9. Helpful JavaScript Tricks

More Showing and Hiding Tricks

Delaying Action for Show, Hide, and Toggle Fading In and Out Slip Sliding Up and Down More Visual Effects with animate()

Swapping Images in Edge

Photo Gallery Revisited

Other Uses for Rollovers

Identifying and Changing Elements and Symbols

Assigning Variables Using Actions to Assign Variables Checking Values with Text Boxes and Alert Dialogs

Using Alert() Dialog Boxes to Check Values

Identifying Elements within Symbols Playing a Symbol’s Timeline

Getting the Current Playhead Position

Using Conditional Statements

Four. appendix

A. Installation and Help

Edge System Requirements Installing Edge

Installing Edge for Windows: Installing Edge for Macs:

Uninstalling Edge

Uninstalling Edge for Windows: Uninstalling Edge for Macs:

Getting Help

Books for HTML, CSS, JavaScript, and jQuery Online Help

Index About the Author

← Prev
Back
Next →

← Prev
Back
Next →