Flash clock tutorial

Step 1

Download the source files : clock.zip

• From  Create a new tab select Flash Project .
• Click on the plus icon “New flash file” > On file type, select “Flash file” > Change the name of project <Untitled File>.fla
• Select the Selection Tool V
• On the Properties tab you will press Edit button and set the width of your document to 300 pixels and the height to 300 pixels.
• Select any color as background color and set your Flash movie’s frame rate to 12 fps.
• Change the layer name to background ( double click on it ).

Step 2

• Take the RectAngle Tool (R) and make the adjustments as follow in the picture below.

• While RectAngle Tool (R) is still selected  press Ctrl+K and check this 3 steps.

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.

Step 3

• Now click on the second layer and hit F5.
• Create the second layer above the first layer, and change the name in “text”.

• While we are in the second layer text, take the Text Toll (T)
• Change the Instance name input field to Clock_text, you can follow the picture below.

Step 4

• In this last step we will create a third layer above the layer text, we will change his name to “action”.
• Click on the first frame and hit F9 to open Action Script Panel and copy/paste the following code.

• Now click on the second frame and hit F6 and enter the following code inside the actions panel :gotoAndPlay(1);