First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing!
Search tutorials
Author: Benjamin Chaney
Since this is my first tutorial, I shall introduce myself. I am Benjamin Chaney. I will be telling you how to make buttons, rollovers, and much more. I am going to but these in steps, and if you follow them correctly, you can do many things. First off, what is a button? A button is an interactive link or action that someone can click on. A button is very important in all flash animations, or games. It is a basic need to know if you like to learn in flash. Step one: First open any document you want the button on, or start a new one, I would start a new document so you can practice, just in case you mess up. Anyways, after your document is open, select the frame you want to add the button, and go to the action-frame pannel. It is located on the bottom left-hand corner. If it isnt there, then press F9. Click on the text layer, and type the following... stop(); This allows the movie you made to stop. If you do not put this in, then you will make your movie to skip the button, and you will have to be pretty fast to click the button. You can use this anywere in your movie were ever you want it to stop at any time. This is the most important step in making a button. Step two: After you have done that, while the frame is still selected, make your button. Whatever you want. You can go into the library, or draw one yourself. use your imagination! After that, select your button by clicking your black arrow located on the top left corner of your tool box, and select it. You will see it is seleted because it looks like it is shaded a little. While it is still selected, right click and go to Convert to symbol (or you can push F8, it doesnt matter and convert it to a button by clicking of the circle located next to the word "Button". There, now you can make it do many things! Step three: While your button is still selected, go down to the actions pannel, and when you go to it, make sure it says "Action-Button" if it doesn't, then your button is not selected. Anyways, type in the following... on(release){ _root.gotoAndPlay(your frame) } Where it says your frame, put the frame you want it to play when you click on it, or if you want it to go to a different scene, erase _root. and instead of putting your frame in the (), tyoe in your scene name, with "" surrounding the word while in the (). You have now an interactive button that can go anywere you want it to go. Step four: Once your button is made,and you have put in the action script, double click on your button and it should pop up a screen with instead of frames, you have 4 frames that are "Up, Down, Over, and Hit" These are what you are going to use for your button. Insert a keyframe in every frame, and go to the "Over" frame. This frame is what the user that is using your button will see when they put their mouse over it. Edit your button however you want it to show when they roll over it. The down is when the user clicks on your button, it will show up. So under that frame, edit your button however you want. Now the Hit frame is what the user will not see, but is needed. go to the hit buton, and ceate what you did to both the down and over frames. after you have done that, YOU ARE DONE! Test out your movie my hitting Ctrl+Enter. :Warning: Your button will not work just by pressing the "Enter" Key on your keyboared. You have to ether publish it first, or test out your movie by pressing Ctrl+Enter. I would love to here from you if you have any comments or questions, or if you have some suggestions. Please E-Mail me at
» Level Basic

Added: 2005-03-03
Rating: 2.83 Votes: 109
(10 being the highest)
» Author
Benjamin Chaney Age:14 B-Day:April 11, 1990 Location:Between Heaven and Hell
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.