MOTION AND INTERACTION:ADOBE EDGEJoseph Labrecque                   RMAUG miniMAX | November 8th 2011
WHO AM I?       Joseph Labrecque, MA       University of Denver - CTL       Senior Interactive Software Engineer       Adj...
Adobe EDGE
Adobe Edge is a new web motion andinteraction design tool that allows designersto bring animated content to websites, usin...
HTML vs. Flash
Not quite…
Flash and HTML are not in any way enemiesor opposed to one another. Both can servevery different purposes and both are use...
Let’s move on…
WHY ADOBE EDGE?There is no solid, widely adopted tooling support forHTML animation and interaction.• Adobe has a long hist...
EDGE THEN…   (Adobe MAX 2010)
EDGE NOW!   (Adobe Edge Preview 3)
FAMILIAR CONCEPTSEdge borrows much of its animation andinteractivity from Flash Professional.• The concept of a Stage.• Th...
Edge Demo Time
TAKE-AWAYS• Edge content does not in any way replace what  can be done in Flash… but now we have choices  with the tooling...
HTTP://LABS.ADOBE.COM/
Thank you.@JosephLabrecque
Upcoming SlideShare
Loading in...5
×

RMAUG miniMAX: Adobe Edge

1,529

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,529
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

RMAUG miniMAX: Adobe Edge

  1. 1. MOTION AND INTERACTION:ADOBE EDGEJoseph Labrecque RMAUG miniMAX | November 8th 2011
  2. 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: http://josephlabrecque.com/
  3. 3. Adobe EDGE
  4. 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. 5. HTML vs. Flash
  6. 6. Not quite…
  7. 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. 8. Let’s move on…
  9. 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. 10. EDGE THEN… (Adobe MAX 2010)
  11. 11. EDGE NOW! (Adobe Edge Preview 3)
  12. 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. 13. Edge Demo Time
  14. 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.
  15. 15. HTTP://LABS.ADOBE.COM/
  16. 16. Thank you.@JosephLabrecque
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×