Your SlideShare is downloading. ×
  • Like
RMAUG miniMAX: Adobe Edge
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

RMAUG miniMAX: Adobe Edge



Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. MOTION AND INTERACTION:ADOBE EDGEJoseph Labrecque RMAUG miniMAX | November 8th 2011
  • 2. WHO AM I? Joseph Labrecque, MA University of Denver - CTL Senior Interactive Software Engineer Adjunct Faculty Fractured Vision Media, LLC Proprietor Twitter: @JosephLabrecque Web:
  • 3. Adobe EDGE
  • 4. Adobe Edge is a new web motion andinteraction design tool that allows designersto bring animated content to websites, usingweb standards like HTML5, JavaScript, andCSS3.
  • 5. HTML vs. Flash
  • 6. Not quite…
  • 7. Flash and HTML are not in any way enemiesor opposed to one another. Both can servevery different purposes and both are useful inmany different (and sometimes similar!)circumstances.
  • 8. Let’s move on…
  • 9. WHY ADOBE EDGE?There is no solid, widely adopted tooling support forHTML animation and interaction.• Adobe has a long history or web and animation tooling: – After Effects – Flash Professional – Dreamweaver – Edge• As libraries and specifications mature, we can begin using these tools to effectively create content in support of the technology.
  • 10. EDGE THEN… (Adobe MAX 2010)
  • 11. EDGE NOW! (Adobe Edge Preview 3)
  • 12. FAMILIAR CONCEPTSEdge borrows much of its animation andinteractivity from Flash Professional.• The concept of a Stage.• The idea of Actions.• A standardized runtime model. (The “Adobe Edge Runtime”)• Note that Actions in Edge are similar to Flash 4 Actions.However, the timeline and keyframing is more akinto that found in After Effects.
  • 13. Edge Demo Time
  • 14. TAKE-AWAYS• Edge content does not in any way replace what can be done in Flash… but now we have choices with the tooling we use and what technology to target based upon specific project guidelines.• Adobe Edge is a new tool and functionality is in a period of major flux.• The concepts in Edge should be familiar to those who have done animation in Flash.
  • 16. Thank you.@JosephLabrecque