Web Design 2 Flash – Animating Interface (Navigation) 11/10/08
In Flash web sites, any interface element can be animated, including navigation buttons. For this assignment, you will animate your navigation buttons onto the stage.
Animating the navigation buttons.
On the nav layer, copy the f1 to f2
You do this by right clicking on the keyframe, selecting “copy frame, then going to frame 2 and right clicking and selecting “paste frame.”
Add a keyframe to f2 of the labels layer, then add the label “nav”
Go back to f1 in the nav layer, and “modify, break apart”.
Be sure to do this in f1, not f2 of the nav layer.
Select f1 on nav layer, hit F8, convert to a movie clip and name it “nav_all”
Double click to get inside the “nav_all” movie clip
Modify, timeline, Distribute to layers.
This will put each button on its own layer, along with an extra layer on top.
Rename layer 1 to “actions”
Reorder the layer stack so that the Home button is first, etc.
Insert a keyframe in f10 for each nav button layer.
Animate the position of the buttons, so that the buttons fly in from off the stage.
Add a keyframe to f10 of the actions layer
On this keyframe, add a stop action, then add a "goto and stop at frame or label” action to go to the “nav” label on the main timeline.
Be sure to click “root” , so that it goes back to the main timeline (Scene 1)
Hit refresh (F5) to see interface animate.
The main timeline (below) now has one additional frame.
The "nav_all" nested movie clip. This is where you animate your interface (navigation) elements.
