Welcome To VertexTemplates.com Flash MX 2004 Tutorials Area - Animated Buttons

One of the most impressive tools with Flash is the ability make animated buttons. Learn how to make OnMouse animated buttons!

1. Start off by starting a new movie: File>New. Then go to Modify>Movie and change the width and height to whatever your prefference might be. The one I'm making is Width: 550 Height: 400. Then create what you want the button to look like when it is no highlighted. For example, I just made a simple box with dotted edges.

2. Now you select your button, and choose Insert>Convert to Symbol. You can name it "button" with behavior as a Button. (You can click the image on the left to get a larger view.)

3. You should see four frames on the top: "Up", "Down", "Over", and "Hit". Left Click on each white box below the frame except "Up" and choose Insert>Keyframe. Then when you have done all that, click on the "Over" white box and chose Insert>Convert to Symbol. Name it "Movie" and behavior as a Movie. Like before, right click on your movie clip, and choose Edit in Place. (You can click the image on the left to get a larger view.)

4. Here is the place where you may design what you want the OnMouseOver to look like. You can do whatever you want in here and it will keep repeating itself as long as the mouse is over the image. For instance, I grouped my box (Modify>Group), then added a keyframe on the 20th frame, and just did a simple motion tween with an alpha change. File>Publish and Voila, you're done.

Download Flash File