All Articles Flash
Editing sounds in Flash CS5
David Smith on Thu, November 17th 1 comments
You may have heard the saying: Video is two-thirds audio. The same idea can be applied to interactive animations made in Flash, too. David Smith sounds out the audio side in Adobe Flash CS5.

When I teach Flash classes we always split them into two categories: Designer and Developer. This article focuses entirely on the Designer and how sounds can be added to and edited in .swf files without the use of Actionscript. 


Step 1 - Add a button

Start by opening Flash's library of buttons: Window > Common Libraries > Buttons

Buttons panel

Buttons panel


One of the most fun sets of buttons to use are the Arcade Buttons, these are in the classic buttons folder. They bring back many wasted hours of my youth.

Arcade Buttons in Library

Arcade Buttons in Library


Select the color you want and frag it onto Scene 1. 


Step 2 - Create a layer for Sounds

Double-click on the instance of the button you just inserted to open the Symbol. 

Button Symbol open

Button Symbol open


As you can see there are a number of layers already in place in this button. Add another layer and then double click on its name and change it to read "Sounds".

layer

layer "Sounds"


Step 3 - Find a Sound Effect 

The layer "Sounds" is there to hold any sound effects we now add to this button. Adding a layer specifically for sound makes it easier to modify or remove them later, as they will all be in one easy to find place. 

To find Flash's built-in sound library go to Window > Common Libraries > Sounds and the Library will open in a new panel. 

Sounds Library

Sounds Library


Take a minute to play a few sounds; there are some "interesting" ones. I haven't found a use for the Human Burp yet for one...............OK, that will do!

The effect we are going to use is called "Sports Basketball Dribble in Gym Short.mp3". 

Tip: Try typing it in the Search field in the Sounds Library Panel.


Step 4 - Add the Sound Effect

The sound will be heard every time the button is clicked. To enable this the sound needs to be added to the Down state on the buttons Timeline. 

Select the Down frame on the Sounds Layer and press F6 to add a keyframe. This keyframe will hold the sound. 

Keyframe added

Keyframe added


To add the sound to this new keyframe, pick it up in the Sounds Library and drag it to the document, not the keyframe.  

Sound wave in TL

Sound wave in TL


The audio will now sit on the down keyframe on the Sounds layer. You can make out a blue waveform inside the keyframe if you look on the timeline. 

Click on the keyframe in the Timeline to select it and have a look at its properties: the Sound property shows the sound applied.


Step 5 - Test the Button

Save the Flash Document to the Desktop, File > Save or Command-S and name it Button1

Then press Command-return to Test the Movie. 

Download the SWF file here.


The sound effect is too long, and takes too long to start. Press the button more than once and we start to get an echo effect. Not good!


Step 6 - Open up the sound editor

Back in your Flash project, click on the Keyframe that you added sound to on the "Sounds" Layer in your Button symbol. 

Sound Keyframe Selected

Sound Keyframe Selected


Look at the Properties for the Layer in the Properties panel and find the Sound Property again. 

Click on the Pencil icon next to the dialogue box that contains the sound name.

Pencil editor

Pencil editor


A new window opens that contains the Audio Waveform for both tracks of your sound effect. 


Step 7 - Modify the Sound so it fits

Sound Editor Window

Sound Editor Window

Between the two Audio Tracks sits a timeline for the audio. At each end sits a handle, as I've indicated. 

Handles positioned

Handles positioned


Grab the handle at the start and drag it to the right until it's placed just before the second set of Audio Waveform peaks. Now grab the second handle and drag it to the left until it is positioned just after the end of the same set of peaks.

Play the sound in the Sound Editor. You have trimmed the longer sound down so it's just the part needed for the button. 


Step 8 - Export the modified button

Save the project again and then publish a test movie by pressing Command-return. 

Download the SWF files here.


Click the button in the SWF to hear the changes. 

A nicely performing button, with no Actionscript required, as promised. 

Comments (1)

You must be logged in to comment.

  • app
    • 6 years ago
    • By:
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: