Animating Deadpool: from Sketch to Animatic to Publish Online

DpoolThis week I had the pleasure of visiting Leeds to do a one-man creativity and content velocity gig where we looked at how fast Creative Cloud makes it to produce great content, and also encouraged CC users to make a bit more of the apps they have access to as complete members but maybe don’t visit as often. On the train to Leeds I did a quick cartoon of Deadpool in my sketchbook (so I could use Capture to turn it into a shape) that I thought would be fun to animate in Animate CC, as Alex Fleisig and Joseph Labrecque did for a tutorial on adobe.com recently—you should be able to access the tutorial via the welcome screen in Animate CC or go direct: http://adobe.ly/1U7RKXs. My version was fairly simple at the time as I had a lot of ground to cover but thought that we could explore this in a little more detail in this post, look at a different method for animation and finally add the animatic to an InDesign Publish Online project.

Watch the Video

Using a Transparent background for the .oam file in EPUB and Publish Online

The .oam files out of Animate CC have a background by default and until there’s an option for background transparency you’ll need to add a couple of lines of code to the first frame of your timeline as an action (you can copy these and paste them in, if you like):
canvas.style.backgroundColor="rgba(0,0,0,0)";
document.body.style.backgroundColor = "rgba(0,0,0,0)";

That should fix it nicely!

Adobe Animate CC is on the way!

Well, in case you haven’t heard, the Flash Professional authoring tool is transforming and becoming Adobe Animate CC!

The Flash Professional team has responded to the increasing demand for animation formats that leverage web technologies, by adding first-class support for exporting animations to HTML5, built on top of the open-source CreateJS library which is very popular, and produces lightweight, performant code that is human-readable. Animate CC will increasingly emphasise features for animators creating content for the web, and will of course continue to support and output for SWF and AIR too.

Great New Features!

The new application will redefine the role of the authoring tool as the premier web animation tool that can output to multiple platforms with a host of new features including:

  • Adobe Stock Integration. Browse and license images, photos, and vector graphics
  • Creative Cloud Libraries. Access colors, vector graphics and brushes directly in Animate CC
  • Vector art brushes. Modify the path of a stroke after it’s been drawn, and scale them to any resolution without losing quality. You can also make custom brushes and import brushes created with Adobe Capture CC
  • Improved pencils and brushes. Draw smooth, precise vector outlines along a curve and get faster live previews
  • 4K+ video export. Export videos with custom resolutions for the latest Ultra HD and HiDPI displays
  • Custom resolution export. Revitalize older content by resizing and optimizing them for any resolution, such as Ultra HD and HiDPI displays
  • Easier audio syncing. Control audio looping directly on the timeline, without having to code
  • 360° rotatable canvas. Rotate the canvas on any pivot point as you draw to get the perfect angle and strokes
  • Faster color changing. Naming tagged colors lets you change one color and have it automatically update your entire project
  • Colored onion skinning. Easily orchestrate complex animations now that adjacent frames can have different color and alpha values
  • .OAM support. Export your project as an .OAM file for easy importing to Adobe Muse, InDesign, DPS and Dreamweaver.

Here’s a video from my colleague, Michael Chaize that gives a sneak peek at some of those new features:

Animate CC will be with us in early 2016.

Proudly powered by WordPress | Theme: Baskerville 2 by Anders Noren.

Up ↑