THOUSANDS OF FREE BLOGGER TEMPLATES

Tuesday, May 10, 2011

The process on creating play button

Here is the step that I am going to show on how to create a play button.
First, open a new file which is in ActionScript 2.0 .

Here it is.

Select Oval Tool to draw circles.

Next, select colour for the buttons.

Draw Three circles as you can see below. The first and second circle will be in black series colour, whereas the third smallest circle will be in red colour.

Select Pain Bucket Tool to create a gradient view on those circles.

Click on the left up corner of the circle, it will show the brightest part on where you click on.

Second button will be brighten on the right bottom corner.

The red circle brightest part may be same as the first circle.

After that, use Selection Tool to move and group them as shown below.
As yo can see, the button will be in 3D looked.

Then, I would like to convert it into symbol.
To convert it to symbol, highlight the whole button.

Go to Modify - Create to Symbol...

There will a box appeared.

Name it as play_btn, and choose Button on Type. After done, you may click on ok.

Now it have converted into a button.

Double-click on the button, the timeline will turn into this that shown.

Press on F6 to go to the next frame of the timeline of button.

The Down frame is the one I going to work on, so, I press on another F6.

At this frame, I would like to change the red circle into green colour. This is because when peoples clicking the button, it will change to green colour which bring out the meaning "play".

Go back to Scene 1.

This image showed that if you don't want the button to appear at the on going frames, press on F7, then the button will disappear. And you may continue your work on the next frames.

As you can see, this will be shown at the second frame after pressing F7.

Now, I am going to work on the action script. At the first frame, press on F9. A box will appear. Type on the action script as shown below. This is to avoid the movie keep on play without stop when play in SWF file.

A symbol have shown that the action script have been done on the first frame.

Highlight the button, right-click on your mouse, go to Action. Another action script have to do on the button.

Type on the action script as shown. This is to stop the button once it have been click. If not, the button will keep on playing after you have click on it.

Now, I am going yo import a sound effect to the library. This is to use while clicking on the button. There will be a sound effect appear once you have click on the button. File - Import - Import to Library...

The sound effect have been imported to the library.

The sound effect will be put at the Down frame.

I drag the sound effect into the stage.

A symbol will be shown after you have located the sound effect.

At last, I will type on the word "Press the button to play" at the bottom of the button. This is to let peoples know that the button can be click.

Finally, I have done the button. It can be smoothly function if the action script are not wrong. Since lots of peoples face the problems on the action script that causes them could not play their button.

At here, I would like to share a video as reference on how to creating a play button.
Enjoy~






Thank you~ ^^

0 comments: