Adobe Flash Professional CS6 Adobe Flash Professional CS6 Classroom In A Book | Page 251

animated Buttons
Currently, when you hover your mouse cursor over one of the restaurant buttons,
the gray additional information box suddenly appears. But imagine if that gray
information box were animated. It would give more life and sophistication to the
interaction between the user and the button.
Animated buttons display an animation in the Up, Over, or Down keyframes.
The key to creating an animated button is to create an animation inside a movie
clip symbol, and then place that movie clip symbol inside the Up, Over, or Down
keyframes of a button symbol. When one of those button keyframes is displayed,
the animation in the movie clip plays.
Creating the animation in a movie clip symbol
Your button symbols in this interactive restaurant guide already contain a movie
clip symbol of a gray information box in their Over states. You will edit each movie
clip symbol to add an animation inside it.
1 In the Library panel, expand the restaurant previews folder. Double-click the
movie clip symbol icon for gabel loffel over info.
Flash puts you in symbol-editing mode for the movie clip symbol called gabel
loffel over info.
2 Select all the visual elements on the Stage (Ctrl/Command+A).
3 Right-click/Ctrl-click and choose Create Motion Tween.
242
Lesson 6
Creating Interactive navigation