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.

1. Cinematic Interactives with Animate CC
Adobe Education Leader Summit 2017

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
Lynda.com / LinkedIn Learning, Pluralsight, Peachpit
Press, Adobe Press, Apress, ACATestPrep, Adobe Learn,
Packt Publishing, O’Reilly Media

3. CC Libraries – Starter Animation

4. https://adobe.ly/2rARnm1

5. HTML5 Canvas Document
• Native Web Browser
• Desktop and Mobile
• No Plugins (Flash Player)
• JavaScript Code
• CreateJS Libraries

6. Virtual Camera
• Root Timeline
• Zoom
• Pan (X & Y)
• Rotate
• Color Effects (ActionScript)

7. Global JavaScript
• HTML5 Canvas
• Actions Panel
• Global Script
• Access throughout

8. HTML5 Canvas Code Snippets
• CreateJS Snippets
• Similar to ActionScript
• Timeline Navigation
• Event Handlers
• Quick little starters!

9. Let’s Play

10. Additional Resources
Lynda.com / 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. Additional Resources

12. Thank You
Web: http://josephlabrecque.com/
Twitter: @JosephLabrecque
Email: Joseph.Labrecque@du.edu