|
32. Choose Insert > New Symbol
33.
Create a movie clip and name it as 'drop down'
34.
Select Window > Library > Sub
Button1 button.
35.
Drag the Sub Button1 button from the library into the
drop down movie clip at the center.
36.
Rename the layer as sub button1.
37.
Insert a layer (Choose Insert >
Layer) below the sub button1 layer.
38.
Select Window > Library > Sub
Button2 button.
39.
Drag the Sub Button2 button from the library into the
drop down movie clip at the center.
40.
Rename the layer as sub button2.
41.
Similarly drag remaining buttons from the library into the
drop down movie clip at the center and place them on
separate layers.
42.
Select frame 5 on all the layers.
43.
Choose Insert > Keyframe.
44.
Select frame 5 on sub button1 layer.
45.
Move the Sub Button1 downwards.
46.
Similarly select frame 5 on other layers and shift
the respective buttons downwards on those particular layers.
47.
Arrange all the buttons in such a way that we can see them
in decending order.
48.
Select any frame between 1 and 5 on all the layers.
49.
Choose Insert > Create Motion
Tween.
50.
Now arrange the layers in such a way that the first keyframe
of the sub button 2 layer appears below the last
keyframe of the sub button 1 layer.
51.
Also arrange other layers accordingly.
52.
Select frame 25 on all the layers.
53.
Choose Insert > Frame.
54.
Select the first keyframe on the sub button 2 layer.
55.
Move the Sub Button 2 button downwards so that it come
exactly behind the Sub Button 1.
56.
Select the first keyframe on the sub button 3 layer.
57.
Move the Sub Button 3 button downwards so that it come
exactly behind the Sub Button 2.
58.
Similarly arrange other buttons' positions.
59.
Insert a new layer (Choose Insert
> Layer) above all the layers and rename it
with 'actions'.
60.
Select frame 1 on actions layer.
61.
Choose Window > Actions.
62.
In the Frame Actions panel type the following action.
stop
();
63.
Select frame 25 on the actions layer.
64.
Choose Insert > Blank Keyframe.
65.
Choose Window > Actions.
66
.In the Frame Actions panel type the following action.
stop
();
Now
our sub buttons menu is ready.We have to give actions to the
button1 to see the animated drop down menu.
67.Now
come back into the main scene i.e. Scene 1.
68.Rename
the Layer1 as 'drop down'
69.Select
Window > Library > drop down
movie clip.
70.Drag
the drop down movie clip from the library at drop
down layer.
71.Choose
Window > Panels > Instance.
72.In
the Instance panel type the Instance name as menu1.
73.
Insert a new layer (Choose Insert
> Layer) above the drop down layer and
rename it as button1.
74.
Select Window > Library > button1
(button)
75.
Drag the button1 button from the library on the layer
named as button1.
76.
Place the drop down movie clip exactly under the button1
so that it can look proper.i.e. sub buttons of button1.
77.
Select the layer names as button1.
78.
Choose Window > Actions.
79.
In the Object Actions panel type the following actions.
| on
(release)
{ |
|
tellTarget
("_root.menu1")
{
|
|
|
if
(_currentframe <=
1) {
|
|
|
|
gotoAndPlay
(2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
On
button release this action checks the condition ,whether the
drop down movie clip (instance name=menu1) is
currently at frame 1 or not. If it is then the drop
down movie clip starts playing from frame 2.
80.
Choose Control > Test Movie.
After
clicking the button1 you can see the drop down movie clip
playing and animation of sub buttons forming one by one.
But
still we have to make the drop down go reverse. As we are
going to make this happen with the help of ActionScripting,
there is no need to make a reverse animation of sub buttons
manually.
|
