(Close)
Forgot password?
Join Now! Watch Tutorials
macProVideo.com
Close

Free Premium Access

Access our entire library of Premium Hub Articles, Project Files and the first 10% of each Tutorial-Video from the Online Tutorial Library.

Create your FREE Account now!

Already a member? Login

Categories

Related Articles

  • Making Video Clips Interactive in Adobe Flash CS5
  • by David Smith
  • Regardless of the fact Flash isn't supported on iOS devices, it is still the standard video player type on the web today. David Smith shows how to make interactive controls for video in Adobe Flash.
  • Approaches to Working with Text in Flash, Part 2
  • by Geoff Blake
  • In Part 1 of Approaches to Working with Text in Flash, you learned about Flash's new TLF text engine, and how to set general text formatting. In this installation, I'd like to push things a little...
  • Brave New Web: Flash to HTML5 Converter
  • by Geoff Blake
  • Have you been following the ongoing drama of the "Flash vs HTML5" battle over the past few years? As a software educator, I really try hard to remain agnostic towards technology, but because I love...

Related Tutorial-Videos

  • Pro Tools 10 112
  • Advanced Editing Techniques
  • Becoming a Pro Tools editing Ninja requires mastering the tools of the trade. Join Certified Avid trainer Mike Watkinson as he explores the art of editing and managing clips in Avid’s Pro Tools 10...
  • Final Cut Pro X 201
  • Multicam Editing
  • Learn the art of Multicam Editing in Final Cut Pro X in the 23-video tutorial created by our in-house, Final Cut "X"pert, Michael Wohl...
  • Media Composer 6 103
  • Advanced Editing Techniques
  • Media Composer is filled with tools and techniques that will get you cutting and trimming video fast! Join MC expert Jeff Greenberg as he opens up his editor's toolbox and shows you everything you need to know...
  • Media Composer 6 102
  • Basic Editing Techniques
  • Learn the fundamentals of editing in this 36-video, Avid Learning Partner tutorial by Media Composer expert Jeff Greenberg...
  • Reason 6 106
  • FX, EQ, Automation and Mixing
  • The instruments are smoking. The rack is exploding. Now it’s time to pull it all together and make musical sense of all this Reason 6 mayhem! In this tutorial, Hollin Jones get’s you into the mixer and exploring the FX, EQ and automation...
  • Pro Tools 10 104
  • Editing Audio
  • You’ve recorded the tracks. Now let’s get into editing! Get the basics of audio editing in Pro Tools 10 in these AVID Learn Partner tutorial-videos by MPV’s Scott Freiman...
  • Motion 5 106
  • Editing In Motion
  • OK. So you’ve got all this wild text, multiple objects, particles, generators and replicators silently flying around the screen. Now what? In this tutorial by Michael Wohl, learn how to Edit, Retime and add Audio to heighten the power and “emotion” of your motion graphics...
  • Final Cut Pro X 104
  • Advanced Editing Techniques
  • Final Cut Pro X, with its easy-to-use, freeform timeline, is truly revolutionary. However, with new ideas come new challenges and tools. This in-depth editing tutorial by expert editor Michael Wohl, dives beneath the “Magnetic” timeline’s surface to show you FCP X’s many incredibly powerful editing modes and tools. Get this tutorial to learn all about the new, Advanced Editing Techniques in Final Cut Pro X.
  • Final Cut Pro X 103
  • Editing In The Magnetic Timeline
  • FCP X’s timeline is not only “Magnetic” but also redefines the whole concept of what a timeline is and how it works! Join Michael Wohl, one of the original designers of Final Cut as he shows how this amazing new video editing canvas will make your editing easier, faster and more fun!
  • Flash CS5 101
  • Core Flash CS5
  • Learn Flash CS5 the right way (and the fun way) with the entertaining and knowledgable Flash expert, Geoff Blake.
  • Live 8 402
  • Designing Sounds for Dance Music
  • House Music Legend Olav Basoski dives deep into his secret sound design techniques to show you how he makes tracks that top the charts and rock the dance floor.
  • Logic 104
  • Flex Time Editing
  • Flex Time Editing is one of the most exciting and anticipated features of Logic Pro 9. Star macProVideo.com trainer Steve H. shows you how it works!
  • Nov 17, 2011
Editing sounds in Flash CS5
  • Genre: Web
  • Level: Beginner/Intermediate
  • Time to Complete: 5-15 minutes
  • 0 comments — Start Discussion

Preview these Flash Tutorial-Videos

Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video
Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video
Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video

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. 

Preview these Flash Tutorial-Videos

Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video
Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video
Flash CS5 101: Core Flash CS5 - Play IconFlash CS5 101: Core Flash CS5 - Preview Video
David Smith

David Smith

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2012 macProVideo.com
a division of NonLinear Educating Inc.

About

Our Plans

Tutorials

Community

Help

Legal

Link