|Page (1) of 2 - 08/17/06||email article||print page|
From After Effects to Flash and Back, Part 1Fresh-squeezed FLV and SWF sequences direct from After Effects
Only in a time of incredible blurriness between formerly separate disciplines like motion graphics and interactive design could programs such as After Effects and Flash be considered complimentary, but in this age of the proverbial blending of chocolate with peanut butter, the two aforementioned Adobe stalwarts have enormous crossover potential. And while citizens of the world (or, at least, users of Flash and After Effects) wait for both programs to emerge from the midst of their respective product cycles, we're going to examine a few ways that you can apply skills and techniques acquired in one program to the other.
After Effects: Flash's external animation program
While Flash 8 made great strides in the area of animation, most notably with the custom easing graph, it sometimes isn't an ideal solution for some types of animation. And while adopting After Effects solely as an external animator for Flash may seem like overkill, it doesn't mean it's a bad idea. After Effects 7's keyframing and new Graph Editor are well-suited towards complex animations, so depending on your animation needs, After Effects could prove to be a pretty darned good environment for Flash animations.
Another take on the situation applies to After Effects users who may be unfamiliar with Flash but are nonetheless considering it as a delivery mechanism for all the cool stuff they've done in After Effects. After all, Flash is more or less everywhere (June 2006 player statistics are available here if you want specifics), and with the enhanced video capabilities present in versions 8 and now 9 of the Flash Player, showcasing After Effects content using Flash is a pretty safe bet. Regardless of which angle you approach the situation from, the bottom line is that stuff needs to get squeezed out of After Effects into a format Flash can deal with. And with After Effects 7, AE can now export directly to two Flash-based formats (FLV and SWF), so let's go over the whys and wherefores of going the After Effects to Flash route for your animations.
New to After Effects 7 is the ability to export directly to the currently red-hot Flash Video (FLV) format, including the newfangled VP6 codec introduced in Flash 8. So, the $1.99 question becomes when to choose FLV instead of SWF for output from After Effects. There are many ways to approach such a basic question, but it usually helps to consider what you're outputting before arriving at a decision. It helps to think of FLV as a video-only format in the mold of QuickTime or WMV, because that's exactly what it is. And while that last sentence may have come across as absurdly obvious, remembering what FLV is will help you decide when to output content to it. So, here it is in a nutshell: if you have a comp that uses video, still images, transfer modes, or effects, FLV may be your best bet, as it uses a "true" video codec to compress and output your comps. On the flip side, the more you make use of After Effects' vector-based features (like text, simple single-color solids, masks, or imported content from Illustrator), you'll get more mileage out of SWF, since "pure" SWF has deep roots as a vector-based animation format.
So let's put together a few comps that will play to each format's strengths, which we'll bring together in Flash in the next installment. We're going to export two comps to FLV format (a looping background and a video clip), and save one (a text animation) for SWF. Figure 1 shows our background comp, which is a relatively simple project that throws together a few elements, spackles on a filter or two, and calls it a day.
Since it's very much a vector-free comp (meaning that exporting to SWF would be somewhat pointless), and since these particular elements would be hard to put together the same way directly in Flash, FLV will be the way to go. FLV export from After Effects borders on the ridiculously easy?just select File:Export:Flash Video (fig. 2).
And then it's just a matter of selecting one of the helpful presets present in the FLV export dialog box (fig. 3). In this case, I went with low quality, since it's kind of a murky background anyway.
A few seconds to render, and we're left with Figure 4 (which requires at least the Flash 8 Player to view). It checks in at a relatively svelte 98 KB, which isn't too bad for five seconds of what is essentially video.