Circle animation

Date: 21.8.2007, 0:39    Total views: 30683

See this tutorial and learn how to create simple circle animation, using a lot circles.You don't have to use action script code to make this tutorial. Just follow the following steps.



Step 1

Open a new flash document.

Step 2

Press Ctrl+J key (Document Properties) and set your dimensions at whatever you want, set the background color as whatever you like. For flash movie's frame rate set 42 and click ok.



Step 3

Take the Oval Tool (O) and draw a circle shape using a few circles. See the picture below.



Step 4

Press Esc key on the keyboard to deselect the circles. Then, take the Selection Tool (V) and select only the one circle. See the picture below.



Step 5

After that, press F8 key (Convert to Symbol) to convert this circle into a Movie Clip Symbol. See the picture below.



Step 6

Do that also for every other circle.See the picture below.



Step 7

Press Ctrl+A key (Select All) to select the all circles.



Step 8

Then,choose Modify > Timeline > Distribute to Layers (Shortcut key: Ctrl+Shift+D key). Now, you have placed every circle in separated layer. See the picture below.



Step 9

Take again the Selection Tool (V), select layer 1 and delete it, becaouse it is needless now.

Step 10

Click on frame 3 and frame 5 of layer cirlce1_mc and press F6 key.



Step 11

Go back on frame 3, take the Selection Tool (V) and click once on the circle to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage.On the right, you will see the Color menu. Select Alpha in it and put it down to 34%.



Step 12

Choose right-click anywhere on the gray area between the frame 1 and 3 and frame 3 and 5 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 13

Click on frame 3,5 and 8 of layer circle2_mc and press F6 key. See the picture below.



Step 14

Go back on frame 5 and repeat step 11.

Step 15

Repeat step 12. See the picture below.



Step 16

Click on frame 8 of layer circle1_mc and press F5 key.



Repeat this process until you finish to the end.



Enjoy!

Downlaod source file (.fla)

  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!