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.