Introduction to Flash MX Tutorial > Add animation and navigation to buttons > Modify a button state

 

Modify a button state

You'll create a movie clip within the Over state of Button 1, then create a shape tween in the movie clip. The shape tween creates an effect that changes the color from gray to red.

1

On the Stage, double-click the right button, Button 1, to open symbol-editing mode.

2

In the Button 1 Timeline, hide all layers except the Color layer. In the Color layer, select the Over keyframe.

3

On the Stage, select the black oval shape for the right button. Press F8 to make the oval a symbol. In the Convert to Symbol dialog box, name the symbol Button Animation. Select Movie Clip, and click OK.

4

On the Stage, double-click the Button Animation symbol to open symbol-editing mode.

5

Rename Layer 1 Color Change, and add a keyframe to Frame 15.

6

With the playhead still on Frame 15, select the button shape on Stage and choose a bright shade of red from the Fill Color pop-up menu in the toolbox.

7

In the Timeline, click any frame between Frames 1 and 13. In the Property inspector, select Shape from the Tween pop-up menu.

Drag the playhead from frames 1 to 15 to see the color change.