The following is a compilation of the best Edge Animate workflow examples.


Adobe Edge Animate Portal

The first stop before venturing into Edge Animate is to visit the official portal website by Adobe aptly named Adobe and HTML. Edge Animate is one of many Edge Tools and Services that compliment the Web Platform.

edge-animate1

Edge Animate Samples | Edge Animate API | Edge Animate Help Docs

For a comprehensive walkthrough about Adobe Edge Animate follow through with Paul Trani in the Learn Edge Animate, Adobe TV video series.

Edge Animate Integration with Adobe Dreamweaver, Adobe Muse, Adobe InDesign

Edge Animate leverages its workflow management with other applications by packaging its output files to .oam. You then ‘import’, ‘place’ or ‘insert’ the .oam package and the host application handles the rest. Consult the following host application workflows that best suit your needs.

an-to-dw
Import Edge Animate Composition into Dreamweaver

an-to-mu

Import Edge Animate Composition into Adobe Muse

an-to-id

Import Edge Animate Composition into Adobe InDesign

DPS Integration

A Step-by-step guide to create an Interactive eBook

an-to-rf

Edge Animate to Edge Reflow

an-to-fw

Fireworks to Edge Animate

an-to-fl

Export Flash Symbols as Sprite Sheet to Edge Symbols: Part 1 | Part 2 | Part 3


Working with Edge Animate Compositions

There is no ‘paging’ system inside Edge Animate but there is a workflow where you can bind individual compositions into a single html wrapper.

edge-animate5

An alternative approach is to use the Edge Commons ‘Composition Loader’. It is pretty straightforward and the following video demonstrations makes it look easy to set up.

edge-animate6


Working with Video/Audio

edge-animate7

Adding youtube video using an iFrame

edge-animate10

Adding Video using the Edge Hero ‘class’ reference

edge-animate11

Add Audio using Buzz.js


Scale to Fit Compositions

Learn how to make your Edge compositions adjust to the screen and a variety of devices.

edge-animate2

Scale to Fit Compositions, by Sarah Hunt, Adobe Edge Product Manager

edge-animate4

Creating Flexible Layouts, Paul Trani


Edge Animate with Drupal & WordPress

edge-animate3

Edge Animate with Drupal, by Timm Jansen

edge-animate12

Add Edge Animate to a WordPress Installation with the Edge Suite Plugin


Miscellaneous

edge-animate8

Create 360 View

edge-animate9

Enabling Gestures in Edge Animate Compositions

edge-animate13

Interactivity with Edge Animate

edge-animate14

How to build a web banner in Edge Animate

edge-animate15

How to Create a Dynamic Slideshow in Edge Animate

edge-animate16

Parallax Scrolling Made Easy with Edge Commons Library

edge-animate17

Constructing a Dynamic Slideshow with Timeline Triggers

edge-animate18

Binding Clicks to Dynamic Symbols

edge-animate19

3D Cubes, Leap Motion, Edge Animate and Greensock

edge-animate20

Using Symbols and JSON data in Adobe Edge (an older reference but the context is still relevant to the latest Edge Animate version)

edge-animate21

Creating Variables and Conditional Statements in Edge Animate

edge-animate22

Loading XML via AJAX into Adobe Edge