Tutorial 3 >>

[mmmbisto]

thanks http://www.fakin-it.com/tutorials as I learnt it from here.

http://www.littlesocks.co.uk/tutorials/flash-tut1.gif

Firstly modify the document size.

http://www.littlesocks.co.uk/tutorials/flash-tut2.gif

Here's the document size I chose. It's enough to put a stop button on (That's all I've figured out so far!)

http://www.littlesocks.co.uk/tutorials/flash-tut3.gif

You need to import your music to the library, so click Import and chose your sound file.

http://www.littlesocks.co.uk/tutorials/flash-tut11.gif

If you go to "Window" and library, this screen should come up:

http://www.littlesocks.co.uk/tutorials/flash-tut12.gif

Click on Compression. It's usually better if you have a wav file because it can compress it as an MP3 file, and this will reduce the size dramatically. But if you have an MP3 file already, it can still be done, although it won't sound as good:

http://www.littlesocks.co.uk/tutorials/flash-tut4.gif

In the properties section, you'll see a "sound" drop down. choose your song, and you can put in how many times you'd like the music to loop.

http://www.littlesocks.co.uk/tutorials/flash-tut5.gif

Add a new layer. If you want you can change the name (I find this easier) to "Stop Button".

http://www.littlesocks.co.uk/tutorials/flash-tut6.gif

Add the text "stop" on the image. Go to the "Insert" menu and choose "Convert to Symbol". You need to convert it to a graphic. Call it "stop". Once you have done that go back to Convert To Symbol and this time convert it to a button. Call it "Stop Button"

http://www.littlesocks.co.uk/tutorials/flash-tut7.gif

Double click on the text and this will come up. Hit F6 3 times to create Keyframes.

http://www.littlesocks.co.uk/tutorials/flash-tut8.gif

Click on the over keyframe. You might have to click on the text again, but you should see Color in the properties section. Choose tint, and choose a colour. This will be the colour it changes when you hover over. Click on "Scene One" when you're done.

http://www.littlesocks.co.uk/tutorials/flash-tut9.gif

In the actions section, choose Actions > Movie Control > On. You have to drag it to the space, and make sure it's set to "release". And then Do the same again with "Stop All Sounds". I have a feeling that I actually do this all wrong, but it does the trick.

http://www.littlesocks.co.uk/tutorials/flash-tut10.gif

Go to file and "Save As" and save the file as a .fla file. Then go back to "File" but this time choose "Export Movie"

Save it as a .swf file. You can then add the file to your website using the code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="50">
  <param name="movie" value="[b]FILE[/b].swf">
  <param name="quality" value="high">
  <embed src="[b]FILE[/b].swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="50"></object>