Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cinematic Interactives with Animate CC


Published on

Interactivity and cinematography aren't usually a set of terms that are used together... but with Adobe Animate CC (formerly Flash Professional) anything is possible! In this workshop, we'll set up a project using existing assets and then add camera movement, effects, and interactivity in oder to provide additional meaning and direction. Take the skills from this workshop to expand upon and refine your own animated projects or even create whole new collections of interactive infographics, exploratory timelines, and more for use in your classroom or other learning activities.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Cinematic Interactives with Animate CC

  1. 1. Cinematic Interactives with Animate CC Adobe Education Leader Summit 2017
  2. 2. Joseph Labrecque Senior Interactive Software Engineer University of Denver Principal and Sole Proprietor Fractured Vision Media, LLC Adobe Education Leader Adobe Community Professional Adobe Systems, Inc. Author / LinkedIn Learning, Pluralsight, Peachpit Press, Adobe Press, Apress, ACATestPrep, Adobe Learn, Packt Publishing, O’Reilly Media
  3. 3. CC Libraries – Starter Animation
  4. 4.
  5. 5. HTML5 Canvas Document • Native Web Browser • Desktop and Mobile • No Plugins (Flash Player) • JavaScript Code • CreateJS Libraries
  6. 6. Virtual Camera • Root Timeline • Zoom • Pan (X & Y) • Rotate • Color Effects (ActionScript)
  7. 7. Global JavaScript • HTML5 Canvas • Actions Panel • Global Script • Access throughout
  8. 8. HTML5 Canvas Code Snippets • CreateJS Snippets • Similar to ActionScript • Timeline Navigation • Event Handlers • Quick little starters!
  9. 9. Let’s Play
  10. 10. Additional Resources / LinkedIn Learning • Adobe Animate CC: New Features • Learning Adobe Animate CC • Building a Mobile App with Feathers and Starling • Learning ActionScript Pluralsight • Animate CC Building AIR Desktop Applications • Animate CC Programming • Animate CC Mobile App Development • Animate CC Game Development
  11. 11. Additional Resources
  12. 12. Thank You Web: Twitter: @JosephLabrecque Email: