Flash Tutorial: Hypnotic Gear Rotation

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.

PS - One last thing

Are you subscribed to 0tutor's RSS feed? -> Do it here!

http://www.tutorialized.com/view/tutorial/Hypnotic-gear-rotation-tutorial/31838

0 comments: