rollOver sound button

Hi there. In this tutorial I will learn you how to create rollOver sound button in Macromedia Flash. This is a step by step tutorial for beginners.

In this tutorial I will use my picture for this butoon. You can use your own, or mine.

rollover sound button

rollover sound button

You can download my Photoshop file (PSD)  of this picture, below, and just change text.
Also you need sound for this sound button, which you can download below.

PSD Sound

Let’s start.

1. Open new flash document and change size to 300x35

rollover sound button

2. Then go to File>Import>Import to library, and import file which you download.
3. Press CTRL+L to open library and drag the cg-files1 to the stage.
4. Change X and Y position to 0

rollover sound button

5. When cg-files1 is still selected, press F8 to convert, then change name in to CG-Files, and for behavior select button.

rollover sound button

6. Double click on button and you should get this in Timeline.

rollover sound button

7. Select first frame and press F7 twice.
8.Then select second frame (over) and drag from library  second picture (cg-files2) to the stage. Change X and Y position to 0 like you do before.

rollover sound button

9. Make sure that your selection is still on second frame (over), and go to the Properties and in Sound menu select “CLICK002"

rollover sound button

In Timeline you should get this:

rollover sound button

10. Next , select third frame (Down) and drag cg-files1 to the stage. Again set X and Y position to 0.

11. Now go back to Scene1 by pressing button on Timeline

rollover sound button

12. Make sure that you button CG-Files is selected. Then press F9 and in Action Script paste these code.

on (release) {
     getURL("http://www.cg-files.com", "_blank");
}

When you press CTRL+Enter you will get this:

Go to File>Export>Export Movie and finaly you have you own rollOver sound button.

You can download below complete flash scene.

Flash scene Please digg our site

*** Software: Macromedia Flash***
  ***Writed by Shtefcs***

You have read this tutorial from http://www.cg-files.com. If you read this tutorial from anywhere else, please send a quick message to affiliate@cgfiles.info

WARNING: The tutorial is protected by US and International
copyright law. Tutorial created by Shtefcs.

RESTRICTIONS: You can use these tutorial for your own personal use. You cannot
sell, transfer, put on another website for download, put on a CD (for sale or
for free), as a part of any collection, or otherwise for any benefit that would
be considered of a commercial nature. Yes, giving them away for free on another
website is considered a commercial venture. Don't do it.

**author: Stefan Smiljkovic**