Crazy clock animation

Date: 8.5.2007, 21:12    Total views: 49940

Learn how to create clock with hands that rotates unusual, quickly, in wrong way - "crazy". To create this lesson, you don't have to use Action Script code.This animation is simple and it is for peopel who opening flash for the first time and they don't have a lot experience. You will also learn how to rotate clock hand, how to convert it into a Movie Clip Symbol, how to use Free Transform Tool (Q) and much more.

Example:



Step 1

Create a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the dimensions at whatever you want. Set the background colour as whatever you like. Set your Flash movie's frame rate to 22 and click ok.



Step 2


Draw any clock. See the picture below.



Step 3

Place every clock hand in particular layer. How to do that? Just take the Selection Tool (V), select only the one clock hand and press Ctrl+X key on the keyboard (Cut). After that, crate a new layer above that layer, select it and press Ctrl+Shift+V key (Paste in Place). That's it. Do that for every clock hand. See the picture below.



Step 4

Take the Selection Tool (V) and select the first clock hand. Then, press F8 key (Convert to Symbol) to convert this clock hand into a Movie Clip Symbol.



Step 5

Take the Free Transfor Tool (Q). Zoom the first clock hand and place the center point of the first clock hand on this position. See the picture below.



Step 6

Click on frame 20 of clock layer and press F5 key. After that click on frame 20 of layer ClockHand 1 and press F6 key. See the picture below.



Step 7

Go back on the first frame of layer ClockHand 1 and go to the Properties Panel (Ctrl+F3) below the stage. Then, for Tween choose Motion and for Rotate set CW. See the picture below.



Step 8

Select the ClockHand 2 layer and press F8 key (Convert to Symbol) to convert this clock hand into a Movie Clip Symbol.



Step 9

Take again the Free Transform Tool (Q), select the second clock hand and place the center point on this position:



Step 10

Click on frame 20 and press F6 key. After that, go back on the first frame and go again to the Properties Panel (Ctrl+F3) below the stage. For Tween choose Motion and for Rotate set CCW. See the picture below.



Repeat this process also for the last clock hand, but for Rotate set CW.

Test your Movie (Ctrl+Enter).

Have a nice day!

Download 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!
Share
ShareSidebar