Flash Buttons 101
By: penguinpedia.com

  1. Start off by creating a new movie
  2. Select the rectangle tool and draw a rectangle on your movie, any shape or color.




  3. Double-Click the center of your rectangle to select it. Go to insert > convert to symbol. In the box, select Button, and name your button 'Button 1'. Hit ok.




  4. Now that you have created your button, lets make it do something. Start by double-clicking on the new button. This will open a new timeline that looks like this:




  5. The 4 new frames; Up, Over, Down, and Hit; are the 4 states the button can be in.

    Up - The button is idle and the mouse is not over it
    Over - When the mouse is over top of it
    Down - When the mouse clicks on it
    Hit - The area that the button can be clicked in - it is invisible when the movie is played


  6. Lets start by editing the Up frame, adding some text. Get your type tool and and click anywhere in your movie. Type anything you like. Click on it and place it anywhere on your button.




  7. Now go to your timeline and click on the 'Over' frame. Hit F6 on your keyboard to insert a new keyframe. Lets change the text color and the background color of our button:




  8. Do the same for the 'Down' frame.

  9. Now, if you want the button to be clicked in a larger area around the button, insert a keyframe into the 'Hit' frame and draw a rectangle bigger than your button.

  10. You are done making the button! To make your button link to something, you will need to use a little action script. Click anywhere outside the button to get to your main window. Select your button by clicking on it once, and then click on the actions tab:




  11. Select Actions > Movie Control > On > Release. Then, select:
    1. Movie Control>Play and enter the frame number - if you are linking to something inside the movie, or
    2. Browser/Network > GetURL if you are linking to a webpage.



And thats all. Creating buttons is simple, and once you learn how they can become very useful. Of course your buttons should look more detailed, but you get the idea. Here is the final movie:


home | the forum | rules | links