Learning phases of animation involves many things. One of
them is play n’ pause kind of stuff. Let us try that
stuff to do it practically.
Step #1
Open a flash document and set the width and height to 250X250.
Step #2
Import a picture of a wheel into your Stage using this menu navigations, File > Import > Import to Stage.
Step #3
Now, right-click on image, and select Convert to symbol. Name
the symbol and make sure that type is set to movie clip and
registration to center then click OK.
Step #4
Now, insert a key frame at 30th frame. Right click on any
frame between 1st and 30th frame and select Create Motion
tween. When the 1st key frame is still selected, in Properties
window set Rotate to CW and times to 1.
Step #4
Double-click the symbol (Mouse pointer) to go inside the symbol. Then select the textbox, and again press F8 to convert to symbol. Now, select MovieClip and name it as "Animated Mouse Pointer".
Step #5
After the creation of the movie, let us make buttons to play/pause
the movie. Insert a new layer, and name it as button.
Step #6
Double-click on Rectangle tool, this will opens a secondary window, in that pop up window set the corner radius to 20, this makes rectangle box curvy.
Step #7
After setting the radius, now drag the box on the flash layout as shown in the picture
Step #8
Set the linear gradient in the Color mixed window for curved rectangle. Set color of 1st point to #9AFEF3 and 2nd point to #0498FB.
Step #9
Select the gradient Transform tool, and click on the rectangle box and place your mouse on the small circle that appears on the top of the box, and rotate the mouse to down wards as shown in the image.
Step #10
Now, place mouse on the arrow and drag to the edge of the rectangle box as show in the image.
Step #11
Now right-click on oval box and select Convert to Symbol,
name the button and opt the button as the symbol type and
click ok.
Step #12
Double-click on the symbol, and then insert a key frame (Right
click and select insert Keyframe) on Over frame, (this frame
acts when the mouse is over the button)
Step #13
When the over keyframe is still selected, in color mixer window,
exchange the two end of the gradient panel.
Step #14
Now, insert a keyframe on Down frame, that acts when mouse
button is pressed. And when the the keyframe is selected,
set color to #0498FB.
Step #15
Now insert a layer, and place a textbox over the box and
type Play as label then double-click anywhere out of the box
to come out. Then open the Filters and Click on + sign and
select Drop Shadow.
Step #16
Now let us create the pause button. Follow the step from
6 to 14, but this time label the box as Pause.
Step #17
Now, select the Play button, and right the following code in Actions window.
And, now, select Pause button and right the code in Actions
window.
Step #18
Now, your play pause movie is now finished. Press 'Ctrl + Enter' to see the movie.