Sophisticated Animation & Interactivity into InDesign & Out to HTML5 (in5 v3.1 New Feature)

For a long time, in5 users have been wanting to include content from Adobe Animate or Tumult Hype in their projects.

And there has been a way to do it with HTML files and the Web Overlay panel (used by DPS/AEM Mobile, but supported by in5)…

Note: in5 now has its own Web Content panel under in5 > Interactive Widgets > Web Content.

But InDesign has supported a more natural approach for most designers: placing OAM files (packages of HTML from animation apps) directly on the page.

I’m pleased to announce that version 3.1 of in5 also supports placed OAMs.

Check out the video below to see an example of an OAM with complex animation and interactivity exported with an InDesign document.

It’s just one of the ways that in5 v3.1 puts more publishing power in your hands without having to code.

You can subscribe to get updates on in5 releases.

Titmouse Demos Facinator

Now that Titmouse’s new series Motorcity (mentioned in the previous post) is about to air, they’re sharing some behind-the-scenes magic.

In this video, Supervisor Animator, Allison Craig shows off the Facinator tool that I built for Titmouse:

Since the folks at Titmouse rendered their 2-D characters from every conceivable angle, they asked me to build a tool to rotate the detailed 2-D heads in 3-D space. You can see this in action starting at the 1 minute mark.

The 1st episode of Motorcity airs this Monday, but you can see it early (for free) on iTunes.

Source: Cold Hard Flash

Check out this awesome behind scenes video at Titmouse from G4TV.

If you’ve got quick eyes, you can also spot Facinator in action.

FrameScrub Flash Extension

Introducing FrameScrub, the lip-syncing tool for those who want to go panel-less.

How it Works

It works in most ways like the selection tool: you can click to select, double-click to edit, but you can also scrub-slide through graphic symbol frames.

You can even scrub through loop settings (using the Alt/Opt key).

Features

  • Click and drag to update the first frame that is displayed.
  • Hold SHIFT to cycle through frames faster.
  • Hold ALT (OPT on Mac) to cycle through loop settings (Loop, Play Once, Single Frame).
  • Hold CTRL (CMD on Mac) to temporarily revert to the Selection Tool.

Download

(compatibility: CS3 and newer, including CC and CC 2014, Flash 8 & MX 2004 untested)
FrameScrub.zip

Installation

Open the MXP file in Extension Manager, follow the steps, and restart Flash. If you don’t see the FrameScrub in your toolbar (behind the selection tool), you can add it by accessing Edit (Flash on Mac) > Customize Tools Panel… Select a tool position, locate FrameScrub in the list on the left and use the right-facing arrow button to add FrameScrub to the selected tool position.

Update (11/29/12): I didn’t realize until someone pointed it out, but there’s no direct way to add a keyboard shortcut to a custom tool. To help with this, I’ve add a Command to the extension that will activate FrameScrub. A keyboard shortcut can then be added to that Command.

Other Lip Sync Tools from Ajar Productions

Automatically Enter at the Desired Frame with FrameAim

A number of Flash animators make great use of nested Timelines within graphic symbols. The frame from the graphic that is displayed can then be manipulated using the first frame property of the symbol instance. Unfortunately, when the animator double-clicks on the instance to edit the symbol, Flash displays frame 1 of the symbol’s Timeline instead of the frame assigned to the first frame property.

Dave Logan has a wonderful command called Enter Graphic At Current Frame that resolves this issue. Many Flash animators use graphics symbols  so much that they would prefer “entering at the current frame” to be Flash’s default behavior when they double-click to edit a symbol. A number of these users have sent me requests through the Extension Request Form. So I put together this panel to essentially make “entering at the current frame” the default behavior. The panel simply has to be open for the behavior to work (the Auto jump box is checked by default). There are some extra buttons for some added fanciness.

This is a total freebie, but donations are appreciated (donate button below, or the one located in the right-hand column).

Download
(Compatibility: Flash 8 & up, including CC & CC 2014)
FrameAim.zip

Flash Extension: Convert animation to any frame interval

This extension converts selected frames that contain frame-by-frame animation, classic motion tweens, or shape tweens to keyframed intervals, just like Convert to 2s, except that you can set up any frame interval (3s, 4s, etc).

Note: When I tested this in Flash CS5 (Mac) it ran perfectly. In CS3, not so much. So use with caution. Same goes for Convert to 2s. I’m not sure where the discrepancy comes from, looks like a Flash bug, but I’ll fix it if I can.

Download
(Compatibility: MX 2004 & up)

Convert to Ns.mxp