Author Topic: Creating Flash Animations in Adobe Illustrator CS5 and max tutorial  (Read 731 times)


  • Sr. Member
  • ****
  • Posts: 423
  • If You Believe You Can, Than You Should Do It.

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.


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.


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 ways–as 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.

Jitu Das
Deploma in CSE
Bangladesh Skill Development Institute
Contact Number:+8801620210620