How to create a simple Animation in Illustrator

moving ball How to create a simple Animation in IllustratorIn this tutorial I show you how to create a simple animation/flash in illustrator.

After you finished the tutorial you’re able to create animated headers and more.


-

Step 1

Create a new document in Illustrator and place the first ball.

24  320x240 Step 1 How to create a simple Animation in Illustrator

Step 2

Copy the layer and move the ball a little bit up and left.

27  320x240 Step 2 How to create a simple Animation in Illustrator

Step 3

Copy the second  layer and move the ball a little bit up and left.
Attention! Don’t move the other layers!

28  320x240 Step 3 How to create a simple Animation in Illustrator

Step 4

Repeat Step 3 a few times.

29  320x240 Step 4 How to create a simple Animation in Illustrator

Step 5

Select all the different balls and assign a colour.

30  320x240 Step 5 How to create a simple Animation in Illustrator

Step 6

Now select all the different balls and assign the “Multiply”- option in your transparency tool.

31  320x240 Step 6 How to create a simple Animation in Illustrator

Step 7

Select the last ball and assign 10% opacity.

32  320x240 Step 7 How to create a simple Animation in Illustrator

Step 8

Select the previous balls and assign the opacity from 30% to 100%.

33  320x240 Step 8 How to create a simple Animation in Illustrator

Step 9

Now export the file.

34  320x240 Step 9 How to create a simple Animation in Illustrator

Step 10

Select the option “Flash /*.SWF”.

25  320x240 Step 10 How to create a simple Animation in Illustrator

Step 11

A new window appears. In this window you can adjust your animation.  Export the Ai layers as SWF frames. Set the framerate to 10 fps. Export the file.
Now your animation is finished!

26  320x240 Step 11 How to create a simple Animation in Illustrator

Finished Animation

Header Sample

6 Kommentare zu „How to create a simple Animation in Illustrator“

Kommentieren


CONTACT
Rocka Graphics

Jan M. Sperl

Mail: info(at)rocka-graphics.de
SHOP