Play n' PauseAuthor : Yathish Kudkuli
E - Mail : yathi.ican@gmail.com

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.


on(press)
{
   play();
}

And, now, select Pause button and right the code in Actions window.


on(press)
{
   pause();
}

Step #18

Now, your play pause movie is now finished. Press 'Ctrl + Enter' to see the movie.



Author : Yathish Kudkuli
E - Mail : yathi.ican@gmail.com
 
 
 
 
 
 
  About Team ProgrammingBasics.In

Contact Team ProgrammingBasics.In

Instructions for submitting your own article
 
 
X

About Team ProgrammingBasics.In

Right now, we are a small but, dedicated team who strived day and night to alter the pretty old programmingbasics.in into a new conceptual website "The ProgrammingBasics Foundation Library".

The articles and topics in the website are the major contributions of freelancers, programmers across the globe. We thank each of them for their valuable contributions. You can also become a contributor by sending some software related articles to us. We will publish it in our website. Instructions for the same are given in the "Instructions for submitting your own article" page.

Contact Us

ICan Technologies,
HIG 44, 23rd Cross, 8th Main,
E-Block, Vijayanagar 3rd Stage
Mysore-570017, Karnataka, India

Website: www.icantech.in
Mobile: +918050239039

Instructions for submitting your own article

Want to become an article contributor to this site ?

If yes, then send us an article written by you on your own words, neatly typed in MS Word document. If we feel that, you have written the article by using some other article then we will reject the article. Every article we will cross verify, before we publish them. The right to reject the article is with us.

If you want to publish your name and email id's, specify the same in the document.

NOTE: You must give your consent in the email for publishing your email id and your name. Otherwise, your name and email-ids will not get published. We respect your privacy.

One article per document, which means, you must not send more than one article in one document. Everything in the sent document will be treated as one article and your article will get rejected without looking in, further.

The articles must and should be related to computer basics, programming concepts and programming languages. We will not entertain any other topics. Please bear this in your mind, before starting an article write-up.

Articles published in ProgrammingBasics.in are the sole property of ICan Technologies, Mysore. You are here in authorizing ICan Technologies, Mysore to take the ownership of the published article. Rejected articles will not be published and you can try to publish the same in other sites. We will inform you the status of your submitted article within 10 working days, from the date of sent mail. If not responded within 10 days, then you are free to try publishing your article on some other websites. We will simply discard them and will not publish them any further. Once we publish the article, you will not be allowed to publish as it is, in some other website. If we find it, then your article will be removed from site and the removal will be informed to you.

Send your articles to programmingbasics.info@gmail.com with "Article for Publishing" in the subject line.

You must create your own images in PSD (Photoshop Document) only, which is to be supported in CS3 or lower versions. Any animated stuffs, must be in fla files (Flash editable file) and not in any other format and must be readable in Falsh 8.0.

You are now in