Post Artifact Publishing

In a previous post I described how I tried to make a cover animation. After this I found a new way to make this animation: an embedded HTML5 animation, created with Adobe Edge: Animate. This handy guide explains the whole proces of creating something in Adobe Edge: Animate and then importing it in InDesign.

The proces was straightforward and fast. The benefits are:

Reduced file size (a total of 1.1MB)

No need to render a video

Fast implementation in InDesign

Easy to tweak and update

Adobe Edge: Animate works almost the same as Flash.

The downside is:

It's still not supersmooth

For the cover of a digital magazine I want to pan (automatically) a panorama and then dissolve in a badge. For the animation I want to ease it in and ease it out. I spent a lot of time making this video animation. I tried the following:

Keynote: Used Magic Move to transition from the left to the right of the image, then exported the Keynote as a Quicktime video. Result: Video with an annoying jitter and a big filesize

Tried different export options with Keynote, but the jitter didn't go away.

iMovie: Could not use iMovie, because it doesn't support custom file sizes.

Final Cut Pro: Also doesn't support custom file sizes out of the box, but it does when using this workaround. Aborted the FCP effort, because I could only find the option to scale the source image by hand.

Flash: Creating the tween was easy, although I could only find an option to ease in OR ease out (not both). But the end result still wasn't smooth.

The preview in this video is reduced filesize version (using Quicktime Pro 7) of a Keynote export. The linked video is 4.4MB, which is reasonable.