Building Buttons for Interactivity
Creating Movie-Clip Buttons
Figure 14.29 The ﬁ rst step in making a movie clip that
acts like a button is creating a new symbol. Choose
Insert > New Symbol, then set the symbol type to
Movie Clip and enter a name in the Create New
Figure 14.30 When you set up the movie-clip button,
it’s a good idea to create a separate layer for the
actions, text, and graphic elements in the movie
Why Make Movie-Clip Buttons?
Flash’s button symbols make it easy to
create buttons quickly, but they limit you
to just three states: Up, Over, and Down.
Sometimes you’d like a button to have
more states than that. e best interface
designs use elements consistently. at
way, users know what options are avail-
able to them and always know where to
nd the interface elements for carrying
out a task. ink of a typical slide show
with a Next button. Ideally, the button
is always present in the same location.
When you view the last slide, the Next
button is inactive (and looks inactive).
When you make your own movie-clip
buttons, you can create as many states
as you like.
Flash’s button symbols have built-in rules
about how the button displays its three states
in response to the user’s mouse movements.
You can take control of that functionality
yourself and also create a button that has
more than three states by making your own
movie-clip button. In the following tasks, you
learn to assemble artwork in the Timeline of
the movie clip to create a button with four
states: Up, Over, Down, and Disabled. To give
the movie-clip button even the rst level of
interactivity—to make the movie clip respond
to mouse movements by displaying di erent
states—you must attach ActionScript. You
learn to do that in Chapter 15.
To create the button states:
In a Flash document where you’d like to
use buttons that are movie-clip symbols,
choose Insert > New Symbol.
e Create New Symbol dialog appears.
Type a name for your symbol,
; choose Movie Clip as your
symbol type; and click OK (Figure 14.29).
Flash switches to symbol-editing mode.
In the Timeline you see one layer, with a
keyframe in frame 1.
Add two new layers to the Timeline, for a
total of three layers.