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.
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.
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.
- Bootstrapping Animate Compositions, by Josh Hatwich
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.
- Loading Compositions, by Simon Widjaja using Edge Commons extension.
Working with Video/Audio
Scale to Fit Compositions
Learn how to make your Edge compositions adjust to the screen and a variety of devices.
Scale to Fit Compositions, by Sarah Hunt, Adobe Edge Product Manager
Creating Flexible Layouts, Paul Trani
Edge Animate with Drupal & WordPress
Edge Animate with Drupal, by Timm Jansen
Using Symbols and JSON data in Adobe Edge (an older reference but the context is still relevant to the latest Edge Animate version)