RSS link icon

Hypnotic gear rotation tutorial 

 

I'm not sure what inspired me to do this crazy gear rotating animation, but for some reason I just started making a simple gear in flash, then what does a gear do? well it rotates!.

So enough for the introduction, here you can see how to make a gear in flash, then animate it so it rotates, make a couple of copies and the result might seem a bit hypnotic as I think it did.

 

 

Start by making an oval on the stage as shown below, then make 4 more ovals, smaller and place them as shown below.

 

gear rotation flash tutorial

 

Select all the four small ovals, make a copy and rotate it so we now a 8 following around the big oval shape.

 

gear rotation flash tutorial

 

Now if you delete all the small ovals, your shape should look like below.

 

gear rotation flash tutorial

 

One last thing to do with the shape is to make on big hole in the middle using the same method as before.

 

Right click your new gear shape and convert it to a movie clip.

 

gear rotation flash tutorial

 

In the timeline make a new keyframe at frame 10, right click between frame 1 and 10, choose motion tween.

 

gear rotation flash tutorial

 

Go to the properties panel and change the rotation from auto (default) to CW (clock wise).

 

flash tutorial

 

gear rotation flash tutorial

 

Once again right click your shape and convert it to a movie clip, (so we have an movie clip animation in a movie clip).

Make a copy of your gear, double click it and go to the properties, change the rotation from CW to CCW.

 

That last thing I did was make a lot of copies, placing them next to each other, testing and testing, so they rotate in oppisit direction to make it look right.

 

If you have a hard time making it work, here is the Flash project file to help you get the gear rotation working.


dinesh says: Wednesday, June 25, 2008

very interesting and nice


dinesh says: Wednesday, June 25, 2008

very interisting


mohammed boland says: Sunday, May 11, 2008

i love you guys i forgot to write back i love amroo a lot and ak and i am sorry about what iw


Mousa Behbehani says: Sunday, May 11, 2008

hey guys back again, thanks for the great tutorial inlove with u guys


mohammed boland says: Sunday, May 11, 2008

i love you guys so much and hope to see u soon ilike my friend Ak which is my best friend and i love him a lot you are my best friends


Ali Abdelkarim says: Thursday, May 08, 2008

What a great tutorial, thWith Love to all of u AK!


Admin Bob says: Wednesday, April 30, 2008

hi Roger, its hard to say where you did something wrong, but I will upload the project files for you to see later, (I just have to find it in my archive first) so check back tomorrow and it should be there.


Roger says: Tuesday, April 29, 2008

Confused about something. At some point you say to convert the gear to a movie clip, which I did. Then you say copy it and double click to set motion property to CCW.

My copy of the gear movie clip only shows up in the frame 10 keyframe. How do I copy the movieclip such that the motion tween is part of the movie clip and a copy gives me 2 animated movie clips I am clearly missing something here, and that one sentence covers a huge amount of ground with not much explanatory detail.

Another clue, perhaps

Thanks.


MArio says: Tuesday, April 29, 2008

Hi, I think your gear animation is kinda cool.
Can I use it in my website
My email is ripperton08@hotmail.com
Thanks


Admin Bob says: Thursday, March 27, 2008

hi Alex, the easy way is to make the animation go over more frames in the timeline, mine is about 10, so set it to 20 frames and it will slow down by half

  Next 


 

 

 

 4

 
 
   Web Premium
 
 

All rights reserved, Copyright 2008. Contact