• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Using Button Symbols

Use buttons to add interactivity to your movie. Button symbols have their own four-frame Timeline. The first three frames define the states of the button: up, over, and down. The first frame is the Up state, which is the appearance of the button when in its normal, non-active state. The second frame is the Over state, which is triggered when the user places their mouse over the button. The third frame is the Down state, which appears when the user presses the button with their mouse. The fourth frame—which is invisible outside of the symbol editing mode—defines the active area. This is the area that the user must place their mouse over to activate the other states of the button. You can assign actions to instances of buttons that tell Flash what to do when the button is clicked.

Create a Button

Click the Insert menu, and then click New Symbol.

TIMESAVER Press +F8 (Mac) or Ctrl+F8 (Win) to create a new symbol.

Select the Button option.

Click OK.

Place artwork in the keyframe of the first frame.

This represents the button's Up state, its normal inactive state.

Click the Insert menu, point to Timeline, and then click Keyframe to add a keyframe in the second frame (the Over state).

TIMESAVER Press F6 to quickly add a keyframe and press F7 to add a blank keyframe.

Change the artwork or add new artwork in this frame.

Click the Insert menu, point to Timeline, and then click Keyframe to add a keyframe in the third frame (the Down state).

Alter the artwork or add new artwork in this frame.

Click the Insert menu, point to Timeline, and then click Keyframe to add a keyframe in the fourth frame (the active area).

Add a simple graphic (a rectangle or oval, for example) to define the active area.

Click the Control menu, and then click Test Movie to test your button by exporting the movie.

TIMESAVER Press +Return (Mac) or Ctrl+Enter (Win) to test your button.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint