More Related Stories

Adobe PRODUCTION STUDIO PREM V1-WIN DVD Bring enhanced power and efficiency to films, vide...
From: $1,420 to $2,081
Adobe Academic Production Studio Premium for Windows Academic (ACD) Production Studio Premium for Windo...
From: $579 to $590
Adobe Production Studio Standard Bring enhanced power and efficiency to films, vide...
From: $898 to $1,697
Tutorial: Page (1) of 2 - 08/17/06 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page
From After Effects to Flash and Back, Part 1 Fresh-squeezed FLV and SWF sequences direct from After Effects By Kevin Schmitt

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.

FLV-oricious

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.


Figure 1

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).


Figure 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.


Figure 3

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.


Figure 4

So far, so good. The background is FLV-ified, so let's move onto the second part of our project. I've taken a 10-second clip from George Romero's 1968 masterpiece, Night of the Living Dead, a film that not only deals with my absolute favorite horror movie subject, but is also a film that has the distinction of being in the public domain, leaving me free to do what I'm doing with it here. Anyway, I've taken the clip, tinted it green to match the background, and placed a track matte over it (fig. 5).


Figure 5

And whaddayaknow, Flash 8's new video codec supports alpha channels, so when our eventual FLV clip is played back in Flash, the channel information will have made the journey. To make sure this happens, though, we need to press the Advanced Settings button when we go to export the FLV, which will reveal the Encode alpha channel option (fig. 6). Once that option has been ticked, we can then export away.


Figure 6

That does it for the FLV portion of our program. Simple enough, right? Now let's get SWFfing.


Page: 1 2 Next Page

Related Sites: Creative Mac ,   Digital Producer ,   Digital Animators ,   Animation Artist ,   Siggraph News ,   Audio Video Producer ,   Corporate Media News ,   Digital Game Developer ,   Digital Post Production ,   Oceania ,   MacAnimationPro ,   MacDesignPro ,   Test Site ,   After Effects ,   Premiere ,   Flash
Related Newsletter: DMN Newsletter ,   CMN Newsletter ,   Timeline Newsletter ,   Pixels Newsletter ,   Levels Newsletter ,   Mac Alert Newsletter ,   Renders ,   Digital Media Net ,   DMNForums ,   Tutorial Finder
To Comment on This Article, Click HERE

Most Recent Reader Comments:
  • From After Effects to Flash and Back, Part 1 by DMN Editorial at Aug. 18, 2006 11:12 pm gmt

    Click Here To Read All Posts
    Must be Registered to Respond (Free Registration!!!, CLICK HERE)
  • graphic cards
    ATI Radeon X1600 Pro 512 MB AGP Graphics Card (Rated by 8 users)
    Explore stunning new worlds of cinematic gameplay with the combination of power and performance with the Radeon X1600 Pro 512 MB AGP Graphics Card from ATI Technologies.
    Price Range $175 to $200View Details Related Items

    JR.com: $189.99
    DellBusiness: $179.95
    TigerDirect.com: $174.99
    XFX Geforce FX 5200 256 MB Graphics Card (Rated by 11 users)
    XFX nVIDIA GeForce FX5200 Video Card' ' 256MB DDR' ' 128-bit' ' DVI/TV-Out' ' 8X AGP' ' Model 'PVT34KUA' -RETAIL Specifications: Chipset/Core Speed: nVIDIA GeForce FX5200/250MHz ...
    Price Range $56 to $60View Details Related Items

    TigerDirect.com: $59.99
    Amazon: $58.16
    MWAVE.COM: $56.25
    ATI 100435716 (Rated by 1 users)
    ATI - Tecnologies RADEON X1800 CROSSFIRE 512MB VIDEO CAR
    Price Range $350 to $363View Details Related Items

    Hewlett Packard: $363.11
    VisionTek Radeon X1300 256 MB PCI Express Graphics Card (Rated by 2 users)
    Step-up to serious 3D performance and an improved image quality with the VisionTek Radeon X1300 256 MB PCIe Graphics Card.
    Price Range $59 to $95View Details Related Items

    TechForLess: $58.91
    TigerDirect.com: $89.99
    DellBusiness: $94.30
    ATI RADEON 9550 256 MB AGP Graphics Card (Rated by 17 users)
    The RADEON 9550 AGP Card from ATI Technologies Inc. delivers a visually stunning experience for the avid gamer and PC enthusiast.
    Price Range $70 to $115View Details Related Items

    JR.com: $94.99
    TechForLess: $70.31
    DellBusiness: $89.05
    PNY nVIDIA Quadro NVS 64 MB Graphics Card (Rated by 2 users)
    The NVIDIA Quadro NVS 280 PCI is a 64 MB DDR SDRAM, graphics add-in card that delivers professional 2D workstation performance and integrated features of the NVIDIA Quadro NVS 280 ...
    Price Range $73 to $181View Details Related Items

    TechForLess: $72.90
    DellBusiness: $170.95
    Hewlett Packard: $136.82
    HOT THREADS on DMN Forums
    Page Title can't change using Dreamweaver Template Pages?!? (1) • by blueStupa on the on the Web Design forum Mac vs PC color difference??? (1) • by Mark Griesbauer on the on the Adobe Photoshop forum Poser 7 announced  • by Brian on the on the Poser forum **Professionally Trained Composer**  • by Mike Watts on the on the Demo Reels forum [FORUM NEWS] ONE DAY SALES (OCTOBER 23-27) LIMITED  • by Ko on the on the Plugin Central forum Adobe Photoshop Style Layer Tutorial  • by videxpertise on the on the Adobe Photoshop forum Object lable badly formatted  • by awilks on the on the Adobe Illustrator forum
    Marketplace
    Laptop LCD Screen
    Replacement laptop screens for your high resolution graphics needs! We carry high resolution LCD screens for all brands including, Apple, Compaq, Dell, IBM, HP, Sony, Gateway,...
    Free CorelDraw Graphics Suite X3
    Get the CorelDraw Graphics Suite X3 for free when you complete sponsor's survey!
    Free DigiMemo Digital Notepad
    Digitally capture and store handwritten notes for free! survey required
    Get your Designs noticed
    Stand out from the crowd. Place your design onto a professional looking CD or DVD. Primera offers CD-DVD Printers and disc duplicators to help you get your design out there.
    Laptop Screen
    We stock laptop LCD screens for all brands of notebooks including Dell, IBM, Compaq, Sony, Toshiba, Gateway, HP and more. We have thousands of laptop screens to fulfill your L...
    Free Creative Xmod X-Fi Module
    Enjoy surround sound on any stereo/speaker system/headphones using this free module! survey required
    Buy a Link Now!
    © Copyright, 2006 Digital Media Online, All Rights Reserved