Creating Flash Animations in Adobe Illustrator CS5 and max tutorial
Creating Flash Animations in Adobe Illustrator CS5 and max tutorial
Over the years, Illustrator has developed a closer relationship with Adobe Flash. For instance, we can import Adobe Illustrator files (.ai files) into Flash and retain layers, convert Illustrator symbols to Flash symbols, and much more. That's great, but what if you don't use Adobe Flash? Can you still create a simple Flash animation? Yes!
The technique described in this article is mainly for people who aren't Flash wizards, or who already have artwork in Illustrator and don't want to bother bringing that content to Flash to create a simple animation The simple animation will be generated as a published SWF file (.swf) that can be used on a website, for instance. The SWF format is ideal for the vector content, but you can also save raster images in SWF format or mix raster and vector graphics.
NOTE
The .swf file that's created when you export as .swf can be played in the standalone Flash Player, on a device that supports Flash content, or in a web browser with the Flash Player browser plug-in.
Figure 1 The Flash banner animation you'll create in this tutorial.
NOTE
If you want to see the live animation examples used in this article, download and unzip the SWF files. The filenames in the zip correspond to the figure numbers; for example, the animation formax tutorial is
About Animation in Illustrator
Before you jump into creating the content that you'll export as a Flash animation, you need to understand that there are two main types of animations you can create in Illustrator:
You can animate blended objects in two waysas a sequence, or as an animation that builds.
You can create a layer-based animation.
A "blend" animation is created from a blend object in Illustrator. You can create multiple types of blends, including a smooth color blend, a distance-based blend, and a step-wise blend. So, for instance, you can draw a star on one side of the artboard and a circle on the other side of the artboard. Using the Blend tool, you can create a blend between them (see max tutorial). This way, when you export to the SWF file, the animation will appear to morph the star into the circle.
Figure 2 Example of a blend-based animation (at a slow speed).
A layer-based animation works much like an animated GIF on the Web. When you export the Illustrator file as a .swf that's played in the Flash Player, each layer in the document is turned on and then off, starting from the bottom and working its way up in the layer stack (see max tutorial).
Figure 3 Example of a layer-based animation. (The corresponding SWF is shown at a slow speed.)
You can also combine a blend animation with a layer-based animation for some interesting animation effects, and that's what we'll do in this article.
Blank Guns for Your Collection, Re-enactments, Movie Props, Stage Props and Fun Games! Dress Up Games on FunGames27 Watch Utah State Aggies Online Game Coverage Watch Columbus Blue Jackets vs Dallas Stars Games Using The Document Toolbar In Adobe Dreamweaver Watch Vancouver Canucks vs Edmonton Oilers Game Online Live Alien Hominid games evaluations and play the game An Opinion About The Bad Guy Dress Up Game George Magalios and the Game Face of Glory Virtually Escape into the World of Online Games The Time is Always Right for You to Play Online Games Exploring Your Potential through Online Games Laughing Your Way through Online Games