How to Make Interactive Flash Buttons

Flash buttons recognize various button states.

Create Flash buttons for your Web pages and interactive projects to provide a dynamic user experience. The Flash interface includes tools that help you create simple to complex button interactions. The button frames provided enable you to customize the up, over, down and hit event actions. The up event is the default state of the button without interaction such as a hover or click.

Instructions

1. Open your Flash project. Make a basic, blue button that becomes yellow when hovered over with the mouse by following the steps here.

2. Click the Tools panel “Fill color” option and choose a blue color. Click “Rectangle Tool” from the Tools panel. Click on the stage to drag and create a rectangle, or hold shift while dragging to create a square. Press “F8” to create a symbol of the square. Click the “Button” option, and click “OK.”

3. Double-click the blue square to display the button timeline. The Up frame displays the square image. The Over, Down, and Hit frames are not defined. If your timeline window is not showing, open it by selecting it in the Windows menu.

4. Press “F6” with the Over frame selected to create a change of state for a hover action. Click the square in this frame and set “Fill color” to yellow.

5. Click “Control,” and then “Test Movie” to test the button. When you move the cursor over, or hover over the button, It changes to yellow. It changes back to blue when your cursor moves off the button.

Resources

• Adobe: Creating Buttons