How to Make a Play Button for an Animation in Adobe Flash Cs

Step-by-Step Guide

1. 1

   Step 1: Draw a button by drawing a rectangle or you can use one from Windows->Common Libraries->Buttons.

   If you'll choose button from common libraries, then skip following steps until you reach at Step-7.
2. 2

   Step 2: Use Text tool to write "Play" or anything you want above the rectangle.

   The text must be static text. ,, (not movieclip, not graphic, button) , This will take you to a new page where there will be another set of empty frames and a bar at the top which also says scene 1 and the name of your button. ,,,, stop(); Due to this statement animation will stop at that frame. , This takes you to the Action panel. , on(release){ nextFrame(); } on(release) means on release of your mouse click from the button the next statement or block will invoke. { starts a block . nextFrame(); means go to the next frame.
   
   Instead of nextFrame(), you can put gotoAndStop(frame you want to go) and the } means end of block or function. , Select File->Publish to publish your work.
3. 3

   Step 3: Select both text box and rectangle and convert it to symbol by Right click->Convert to symbol.

4. 4

   Step 4: Name it Playbutton or something you want

5. 5

   Step 5: select middle point as registration point and select Button.

6. 6

   Step 6: Double click your newly made button in the stage.

7. 7

   Step 7: On the second frame (over)

8. 8

   Step 8: make a new keyframe and draw what it will look like when you roll over it.

9. 9

   Step 9: Press Scene 1 on the top bar and move your button to place it anywhere on the stage.

10. 10

    Step 10: Select the current frame (which contains the button) and press F9.

11. 11

    Step 11: Type or copy and paste below action script in Action panel.

12. 12

    Step 12: Click the button from the stage and press F9.

13. 13

    Step 13: Copy and paste this script.

14. 14

    Step 14: Go to Control->Test movie to test your work.

Detailed Guide

About the Author