17
EXPLORING MOTION AND INTERACTIVITY THROUGH ADOBE EDGE Joseph Labrecque TechBytes | May 3 rd 2012

Tech bytes april2012_labrecque

Embed Size (px)

DESCRIPTION

This presentation will demonstrate how to use Adobe Edge professional authoring software to create highly engaging content which targets HTML5, CSS, and JavaScript. Content created in Adobe Edge does not rely on a plugin – so it can be run within any standard browser… even on mobile devices. We will provide an overview of the current web landscape and how Edge fills the need for professional tooling in this area. We’ll examine composition document creation, internal drawing tools, the import of external assets, how to achieve fluid animation and advanced transitioning through the Edge timeline, Interactivity through Actions and Triggers, and examine advanced publishing option for completed compositions.

Citation preview

Page 1: Tech bytes april2012_labrecque

EXPLORING MOTION AND INTERACTIVITY THROUGH ADOBE EDGE

Joseph Labrecque

TechBytes | May 3rd 2012

Page 2: Tech bytes april2012_labrecque

Joseph Labrecque, MA

University of Denver - OTL Senior Interactive Software Engineer Adjunct Faculty

Fractured Vision Media, LLC Proprietor

Twitter: @JosephLabrecque Web: http://josephlabrecque.com/

Page 3: Tech bytes april2012_labrecque

Adobe EDGE

Page 4: Tech bytes april2012_labrecque

Why Edge?

Page 5: Tech bytes april2012_labrecque

Adobe Edge Prototype

Page 6: Tech bytes april2012_labrecque

Edge Today

Page 7: Tech bytes april2012_labrecque

Working in EDGE

Page 8: Tech bytes april2012_labrecque

Drawing Tools

Page 9: Tech bytes april2012_labrecque

Web Fonts

Page 10: Tech bytes april2012_labrecque

Imported Assets

Page 11: Tech bytes april2012_labrecque

Animated Elements

Page 12: Tech bytes april2012_labrecque

Interactivity

Page 13: Tech bytes april2012_labrecque

Publishing EDGE

Page 14: Tech bytes april2012_labrecque

Publish Settings

Page 15: Tech bytes april2012_labrecque

EDGE demo

Page 16: Tech bytes april2012_labrecque

Download Edge!

Page 17: Tech bytes april2012_labrecque

Thank you.

@JosephLabrecque