Animate CC: Interactive HTML5 Canvas Video Projects

Since beginning this practice with the Adobe Generation Professional demo sessions, I’ve begun recording any live demos using Camtasia 9 and uploading them to YouTube. The full session with all speakers is linked below as well – but this segment has better audio and video. I also include the project files created during the session if you wish to download.


Part of the “Four Masters of Animate CC” session from December 10th, 2016.

Direct link: https://youtu.be/ViDw06N96MQ


Animate CC Demo Files

Joseph’s demo files (with video included) [176 MB]

Joseph’s demo files (no video) [20.7 KB]


Full Recording (Adobe Connect)

Full recording with Tom Green, Joseph Labrecque, Myra Ferguson, and Chris Georgenes: http://my.adobeconnect.com/p8mjp0ghp6s/

“FutureSplash Animator” to “Adobe Animate CC”… 20 Years of Flash!

Fl20

FutureSplash Animator [1996]
Macromedia Flash 1 [1996]
Macromedia Flash 2 [1997]
Macromedia Flash 3 [1998]
Macromedia Flash 4 [1999]
Macromedia Flash 5 [2000]
Macromedia Flash MX [2002]
Macromedia Flash MX 2004 [2003]
Macromedia Flash 8 [2005]
Adobe Flash Professional CS3 [2007]
Adobe Flash Professional CS4 [2008]
Adobe Flash Professional CS5 [2010]
Adobe Flash Professional CS5.5 [2011]
Adobe Flash Professional CS6 [2012]
Adobe Flash Professional CC [2013-2015]
Adobe Animate CC [2016-?]

Speaking at Adobe MAX 2016

Just a note that I will be speaking at Adobe MAX in San Diego this year… on Animate CC, of course!

2016-05-20_09-01-56

I’m scheduled to provide a lab which goes over the basics of animation and interactivity within Adobe Animate CC – so please do let people know that introductory sessions are available for those who are coming over from Edge Animate… who have neglected Flash Professional over the past few years… or even those new to Flash/Animate! All are welcome ;)

Adobe MAX | The Creativity Conference | November 2-4, 2016 | San Diego, CA | Hear me speak at MAX. | Learn more

Photoshop’s 25th Anniversary and Adobe AIR

Earlier this year, I became involved in a project for Adobe and the Computer History Museum for the purpose of creating and interactive exhibit for the 25th anniversary of Adobe Photoshop.

CHM
The completed interactive alongside Photoshop CC 2015. A background location and famous person have already been selected.

For this interactive, we used Adobe AIR to communicate with Photoshop over the local server, and respond to messages being returned by Photoshop to perform some action. Commands needed to be sent to Photoshop to open selected images and composite them properly, perform actions such as green screen removal, watermark overlays, rendering, final processing for email, and so on. The interactive needs to listen to Photoshop to know when all of these actions had occurred – to know both what state the application experience should be set to – and when certain processes had completed. It is a highly complex dance between Photoshop and AIR!

13687_10153121988580816_5344890180612202785_n
Photo taken by CHM during the Photoshop 25th anniversary event with a beta version of the interactive.

Users were able to approach the exhibit and perform a number of steps:

  1. Select a background location image.
  2. Choose a famous person which Photoshop would composite upon the background.
  3. Take a photo of themselves against a properly lit green screen – passing this off to Photoshop for removal of the green pixels.
  4. Use Photoshop to position their photo alongside the famous person against the background.
  5. Once completed, they would choose to have their image displayed within the exhibit on a big screen, or email the photo to themselves.
The interactive, as viewed when a user first approaches. The AIR application sits along the right side, and involves a number of steps for the user to interact with as they go through the application workflow.

The development of the interactive itself was fairly complex. It involved the use of Photoshop CC 2015, Apache Flex 4.14, a custom version of the Photoshop Touch SDK, a number of open source AS3 libraries, and both network email and local server configurations.

I remain absolutely convinced of the power and flexibility of Adobe AIR as a desktop development platform.

The interactive is now complete and should be available for use in the Computer History Museum for at least the next 5 years of so.

10391424_10153124765635816_5328811835857676308_n
During the Photoshop 25th Anniversary event – some people went a little crazy with the interactive!