Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

3D circle animation in flash

27.5.2007, 3:13    Total views: 109437

Using this lesson, you will see how to create a circle that is rotate 3D. This lesson is so simple to create and you don't have to use action script code. You can use this tutorial for some flash logo, for any animation, becouse it is so attractive and useful.

Step 1

Open a new flash document.

Step 2

Select Modify > Document (shortcut key: Ctrl+J ).Set the dimension at whatever you want. Set the background colour as whatever you like (You can use some picture as background to make this lesson more attractive). Set your Flash movie's frame rate to 42.

Step 3

Take the Oval Tool (O). In the Colors portion of the Tool panel, block the fill color by clicking on the little paint bucket icon and then on the small square with the red diagonal line. For Stroke color choose any color, and choose Solid as type of stroke, with thickness set to 4. Then, draw a circle. See the picture below.

Step 4

While the circle is still selected, press F8 key (Convert to Symbol) to convert this circle into a Movie Clip Symbol.

Step 5

Click on frame 15 and press F6 key.

Step 6

While you're still on frame 15, choose Modify > Transform > Flip Horizontal.

Step 7

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.

Step 8

Double click on layer 1 to rename its name in circle 1. After that, take the Selection Tool (V), select the all frames of layer circle 1, choose right click and Copy Frames. See the picture below.

Step 9

Then, create a new layer above the circle 1 layer, name it circle 2 and, click on the first frame, choose right click and Paste Frames. See the picture below.

Now you have this:

Step 10

Take again the Selection Tool (V), and select the all frames from frame 15 to frame 30, choose right click again and Remove Frames.

Now, you have only this:

Step 11

Take again the Selection Tool (V) and click once on the circle 2 layer to select it. Then, using the mouse, or by arrows key, move the circle that you just copide a little left. See the picture below.

That's it!

Test your Movie (Ctrl+Enter).


Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310287

2. High-tech city animation
Total views: 272904

3. Water effect
Total views: 237059

4. Photo slide show
Total views: 220388

5. Special Picture Effect
Total views: 190723

Related links