A button has 4 frames that represent the three states and a hit area.

  • Up: seen when the mouse is not on the button;
  • Over: seen when the mouse moves over the button;
  • Down: seen when the mouse is down and on the button
  • Hit: Never seen but determines the area of the button that is responsive.

Library Buttons

  • Start a new ActionScript 3 file.
  • If using CC download these buttons and copy to your project
  • In CS6, From the menu select Window, Common libraries, Buttons. The panel with a list of folders ¬†opens.
  • Double click the folder named buttons circle bubble. Notice that some of the items in the folder are graphics, some are buttons, and some are movie clips. Click on any of these items to see it in the preview window at the top of the folder.
  • Select any button and drag it to the stage.
  • Close the button library window.
  • Test the movie (Control+Enter or z+Return on the Mac)
  • Test the button so that you can see each of the states: up, down, and over.
  • In Flash, double click the button to open the edit window for the button. Select each frame to see what the button looks like in each state.
  • Unlock the text layer, then edit the text so that is says GO. Change the font, and make a few other changes to the text.

NEXT: Make your own button