Wednesday, November 7, 2007

How to create a Simple button

How to create a Simple button

To create a Simple button

- Choose insert menu, then click on new symbols

- Then select Button from the Symbol Properties:

  • The layer will display as shown below. ‘UP’ means that at the time the button is released, ‘OVER’ means at the time the mouse is over the button, ‘DOWN’ means at the time clicking on the mouse. Hit defines the area that will respond to the mouse click. This area is invisible in the movie.

  • Draw a rectangle to stage and then click on the second frame, labeled Over, and choose Insert menu then click on Keyframe

- Change the color of rectangle:

- Click the third frame, labeled Down, and choose Insert menu then click on Keyframe

- Then resize the rectangle:

- Click the labeled Hit frame, and choose Insert menu, then click on Keyframe

- Change the color of button

- Return to scene 1 by clicking on the Scene 1

  • Choose window menu, click on library to display library.

  • The button will be stored in the library.

  • Drag it to the stage

- Choose control menu, then click on enable simple button

- Now move over the button and click. You will see the button work:

Up Over Down

How to change Color of an Instance

How to change Color of an Instance

- Select the object and then convert the object to symbol

- Choose insert menu then, click on convert to symbol

- Then select the frame 10. Right click the mouse and select Insert Keyframe:

- Select Motion from the drop down list and click OK button from the Frame Panel (if frame panel does not exist, choose window menu , go to panels, then click on frame)

- Select the frame 10. Select Tint from the Effect Panel

- Select the blue color. Select 100% as the tint amount. Click OK button

- Play the movie and you will see the object is changing its color to blue



frame 1 frame 5 frame 10

How to work with Transparency of an Instance

How to work with Transparency of an Instance

- Select the object and then convert the object to symbol

  • Choose insert menu then click on convert to symbol

- Select the frame 10. Right click the mouse to select Insert Keyframe

- Select the frame 1 and choose window menu, go to panels then click on frame

- This will display the Frame Panel. Select ‘Motion’ from the drop down list:

- Select the frame 10. Select the brightness from the Effect Panel.

    This will display the brightness option. Select 100% and Brightness from the drop down boxes.

- Play the movie and you will see the cycle is getting transparency



frame 1 frame 5 frame 9

How to Tween Motion along a Path

How to Tween Motion along a Path

T Tween Motion along a Path

- Tweening motion along the path means that the object can move by following a line

- Select the object and then choose insert menu then click on convert to symbols

- Then choose the graphic. Click OK

- Select the frame 10 and right click the mouse to select Insert Frame:

- Then choose insert menu then click on create motion tween

- Select the object and drag it to the right or anywhere:

- Select the layer 1 and right click the mouse to select Add Motion Guide

- The Motion Guide has been added to the frame. Select the frame 1

- Use the Line Tool or Pencil Tool to draw a line from the cycle to anywhere:

- Play the movie and the cycle will be moving by following the line:



Frame 1 frame5 frame 10

- In the example below, a bee is following a line:

- You can hide the line by closing the hidden Layer Properties