Create animation for a button state

You'll create a movie clip within the Over state of Button 1, and 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 Button 1 to open it in symbol-editing mode.
2. In the Button 1 Timeline, hide all layers except the Color layer. In the Color layer, select the Over keyframe.

   Note: You hide layers by clicking the dot under the Eye column next to the layer name so that a red X appears.

3. On the Stage, select the black oval shape for Button 1. Press F8 to make the oval a symbol.
4. In the Convert to Symbol dialog box, name the symbol Button Animation. Select Movie Clip (not Button) as the behavior, and click OK.
5. On the Stage, double-click the Button Animation symbol to switch to symbol-editing mode.
6. Rename Layer 1 Color Change. Select Frame 15, then press F6 to add a keyframe.
7. With the playhead still on Frame 15, select the button shape on the Stage, and in the Property inspector select a bright shade of red from the Fill Color pop-up menu.
8. In the Timeline, click any frame between Frames 1 and 15. 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.