Flashvault.net

Cogwheel animation

31.10.2006, 19:13    Total views: 32802

In this tutorial, you have a chance to learn how to create cogwheel animation in flash 8 using the Action Script.You will also learn how to convert "cogwheels" into a Movie Clip Symbol, how to rotate it and more.



Step 1

Create a new flash document, choose Modify > Document and set Width to 300 and Height to 250px. Frame rate set to 22fps (Frames per Second).



Step 2

Double click on layer 1 to rename its name in background. Insert a new layer and name it cogwheel. Then, draw a two cogwheels like it is shown on the picture below.



Step 3

Select the cogwheels and press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 4

Double click on a new made Movie Clip (cogwheels), or choose right click and Edit in Place.

Step 5

Select only the one cogwheel, press Ctrl+X key (Cut), insert a new layer (layer 2), select it and press Ctrl+Shift+V (Paste in Place).

Step 6

Select the first layer, and convert the first cogwheels into a Movie Clip.



Step 7

Click on frame 40 and press F6 key (Keyframe). After that, go back on the first frame, open the Properties Panel (Ctrl+F3), under Tween choose Motion and under Rotate choose CW. See the picture below.





Step 8

Select the layer 2 and press F8 key, to convert the second cogwheel into a Movie Clip.



Step 9

Click on frame 40 and press F6 key. Then, open the Action Script Panel (F9) and paste this script:

gotoAndPlay(1);

Step 10

Select the first frame, open the Properties Panel (Ctrl+F3), under Tween choose Motion and under Rotate choose CCW. Look at the picture below.





We're done!

Test your Movie (Ctrl+Enter).

Bye!

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!

Forum - Newest Discussions

Show your girlfriend what a real sex is!
Last post by: VitaMary
Date: 20.11.2008 22:00:13

Regarding the Gradient by Mouse Tutorial...
Last post by: cloudy-days
Date: 19.11.2008 07:41:03

Open flash cs3 fla in flash 8???
Last post by: benjezza
Date: 14.11.2008 23:41:46

flash form tutorial
Last post by: bukopie79
Date: 12.11.2008 07:56:46

Flash form with PHP and Postgre
Last post by: bukopie79
Date: 07.11.2008 04:23:06

Contact Form
Last post by: jesustippe
Date: 02.11.2008 09:37:24

Contact Flash Form
Last post by: mr_byeng
Date: 01.11.2008 06:08:39

link
Last post by: krekas
Date: 27.10.2008 14:45:27

drop down menu
Last post by: chicane
Date: 21.10.2008 14:53:04

Related links