Strike a match. The button only has 4 frames: up, over,
down and hit. Up displays as the normal state. Since the symbol in
the up state is a graphic, it will only display it's one frame. The
over state appears when you put your mouse over the frame. Movie
clips which have more then one frame will play out for the length
you hold your mouse over the button. Sound clips that are set to
event will play out in entirety. The down frame is what shows when
you click the button. The hit frame determines the "hot spot" for
the button, or the area which will activate the button.
Both movie clips and sound set to event are timeline independent.
Graphic symbols and sound set to stream are timeline dependant, they
will not play more then the one frame if they are placed in one
frame.
You will need this file downloaded and unzipped to complete
this tutorial
1.
Open your animatedmouseover.fla movie. Click Window=> Library, or F11 to
open your library. Notice inside the library there are 3 items or
assets. One is a picture of a match. On is a movie clip of a flame, and
the last is a sound clip. You can preview them in the library preview.
2. Click the bottom at the bottom of the library to insert a new
symbol.
3.
Name the symbol animatedbutton. Give it the properties of a button.
Click ok.
4.
The button timeline is now showing. Double click the layer 1. Rename
layer 1 Stick match.
5.
The match symbol contains a single frame with an image of a wooden match
drawn in it. Drag the match graphic symbol onto the stage so it appears
in the up frame of the button. Click on the down frame and hit your F5
key to add frames to the down frame. Lock this layer.
6. Insert a new layer by clicking the insert layer button under the
layers of the timeline. Double click the name and change it to flame.
7. Click in the over frame. Hit F6 to insert a keyframe.
8. Test the flame movie clip in the library. It is animated and
represents a flame of changing size. Drag a copy of this movie clip onto
the stage and position over the head of the match.
9. While the flame symbol is still highlighted, open the property
inspector and set the color to alpha=65%. Lock this layer.
10.
Insert layer. Call the new layer sound. Click in the over frame and hit
F6 to insert a keyframe. while the over frame is highlighted open the
property inspector. Set the sound to match.wav. The wave should be set
to event on the properties inspector to work.
11.
Add a layer called hit. Hit your F6 key on the hit frame of the hit
layer. Unlock all layers, and Turn on onion skin outlines to see the
other frames. use your rectangle tool to draw a rectangle around the
objects
12. Click back on Scene 1 on the information bar or click edit=>edit
document. Back at the main stage, drag a copy of your button out onto
the stage. Test your movie.
1.
Open your animatedmouseover.fla movie. Click Window=> Library, or F11 to
open your library. Notice inside the library there are 3 items or
assets. One is a picture of a match. On is a movie clip of a flame, and
the last is a sound clip. You can preview them in the library preview.
3.
Name the symbol animatedbutton. Give it the properties of a button.
Click ok.
4.
The button timeline is now showing. Double click the layer 1. Rename
layer 1 Stick match.
5.
The match symbol contains a single frame with an image of a wooden match
drawn in it. Drag the match graphic symbol onto the stage so it appears
in the up frame of the button. Click on the down frame and hit your F5
key to add frames to the down frame. Lock this layer.
10.
Insert layer. Call the new layer sound. Click in the over frame and hit
F6 to insert a keyframe. while the over frame is highlighted open the
property inspector. Set the sound to match.wav. The wave should be set
to event on the properties inspector to work.
11.
Add a layer called hit. Hit your F6 key on the hit frame of the hit
layer. Unlock all layers, and Turn on onion skin outlines to see the
other frames. use your rectangle tool to draw a rectangle around the
objects