May 26
Basic Sound Events in Flash 4 [continued]

4. Now open up your Library palette by typing Command-L or by selecting "Library" in the Window menu. You will now see an item in there labeled "Symbol 1." Double click Symbol 1's icon in the palette. This will move your stage into frame-editing mode, where you can assign mouseover events to your object ("symbol").

5. If you want to make a sound occur when the user's cursor moves over the object, click on the box underneath the word "Over" near the top of the window. This will turn the box gray. Now go to the Insert menu and select "Keyframe." This will put a red box around the word "Over," meaning that the over state is now the active editing state.

6. Now go the the Modify menu and select "Frame..." or type Command-F. A new dialog box will pop up. Click on the Sound tab, and, from the pull-down menu, select the sound you want to play. (If you haven't imported your sounds yet, none of them will be available in the pull-down menu.)

7. If you want to have a sound play when someone clicks on your object, click on the box underneath the word "Down" and repeat steps 5 and 6. Note that you can have different sounds play in the over and down states.

8. Repeat these steps for each of your objects. When you're done, just move your skin to the front, thus hiding your boxes or circles, by clicking your skin object and going into the Modify menu and then selecting "Arrange > Bring to Front."

9. Set your stage size. To change the size of your stage, or canvas, type Command-M or go into the Modify menu and select "Movie..." Then choose the actual pixel size you want to set.


Click the mask
to see the
Sound Sampler
of the
Apocalypse and
create your own
soundtrack to
the end of the
world.

You're done with your Flash project. To make it usable on the Web, save the file as a Flash movie and then go into the File menu and select "Publish." This will create an HTML file and a SWF file. If you're using Dreamweaver to create your Web page, just click where you want the object to go on your page and select the Flash Object from your Objects palette. If you're not using Dreamweaver, you can just copy the HTML out of the HTML file generated by Flash and paste it into your own HTML document. The part you copy and paste should look something like this:

<!-- URL's used in the movie-->
<!-- text used in the movie-->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.
com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=Untitled 1 WIDTH=550 HEIGHT=400>
<PARAM NAME=movie VALUE="Untitled 1.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="Untitled 1.swf" quality=
high bgcolor=#FFFFFF WIDTH=550 HEIGHT=400
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>

Now just upload your Web page and the SWF file to your server, and you're good to go!

[ 1 ] PREVIOUS PAGE

Post a comment or question on the Creative Mac World Wide User Forum!

Get more help from the Macromedia Flash User Forum!

HomeNewsMore Tutorials