Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 

Slides:



Advertisements
Similar presentations
Dawn Pedersen. Flash Audio Formats Flash can handle many of the major audio formats, including these common ones: MP3 (Moving Pictures Expert Group Level-2.
Advertisements

Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Introduction to Macromedia Flash 8
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 3 Working with Symbols and Interactivity.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Creating Special Effects
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Copyright © 2003 Pearson Education, Inc. Chapter 5 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Enhancing a Video/Movie. I.Narrate the Timeline To narrate the timeline Add any video clips, pictures, titles, or credits that you want to display in.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
How To Create A Podcast Using Myna. When you open the Myna program, you will see the workspace containing ten tracks.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter 5 Creating Special Effects. 1.Create a mask effect 2.Add sound 3.Add video 4.Create an animated navigation bar 5.Create character animations using.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Tutorial 7 Creating Animations. XP Objectives Learn about animation Create a timeline Add AP divs and graphics to a timeline Move and resize animation.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CDM105 Session 12 Macromedia FLASH MX 2004 Part 5 : Sounds, publishing your movies, and the ‘Get URL’ action.
Flash Demonstration – Unit 3 Create Multi-Part Animation –Animate Images –Fade-in and Fade-out Text –Add Interactivity to Instance of MovieClip –Animated.
Creating Special Effects
Lesson 6: Enhancing Presentations
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
INTRODUCTION TO ADOBE FLASH CS4
Animate Some more advanced concepts
Inserting Sounds.
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Chapter 14 Sound

Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations.  Flash has the ability to work with a variety of sound formats including.wav files,.aiff files, and.mp3 files.

Importing Sounds 1. File > Import > Import to Library 2. Click on the sound to import The sound files will be imported to the Library where you can play each file. Note: Sounds imported to the Stage also go into the Library and are not visible on the Stage.

Sound File Types WAVYes Yes- QuickTime 4 AIIF Yes MP3YesYes Sound Designer II No Yes- QuickTime 4 Sound Only QT Movies Yes- QuickTime4 Sun AU Yes-QuickTime4 Yes- QuickTime4 System 7 Sounds No Yes- QuickTime4 Sound File FormatWindowsMac

Compressing Sound  Compressing sound clips is very important in keeping your file size down. 1. Select a sound in the Library 2. Click Properties (or double-click the sound) 3. Click the Compression Drop-down menu. The five settings are default, ADPCM, MP3, Raw, and Speech. 4. Choose the Bit Rate (the lower the bit rate, the lower the sound quality and file size)and click Test 5. Test various bit rates settings to determine which one offers the lowest file size without sacrificing sound quality.

Sound Compression Types  Default – uses the global compressing settings in the Publish Settings dialog box  ADPCM – old method of compression from Flash 3. Sets compression for 8 and 16 bit sound data  MP3 – can be heard by users with Flash 4 and later Players. Offers the best compression rates and sound fidelity.  Raw – resamples the file at the specified rate, but will not perform compression.  Speech – uses a compression method designed for speech sound files.

Creating Background Sound with Sound Effects 1. Insert a layer for the sound effects. 2. Import the sound effect to the Library File>Import>Import to Library 3. Click in the first frame of the sound layer and drag the sound from the Library to the Stage. You won’t see the sound, but you can see it’s icon in the timeline. Each sound file must be tied to a keyframe. Make sure that you have a keyframe at the point where you want your sound to begin.

To set the behavior of a sound: 1. Select the frame with the sound 2. In Properties Inspector, set Sync to Event – sound will start playing when playhead hits the frame and continue until done independently of the Main Timeline. If a different instance of the same sound is started, the sounds will overlap. Start – causes the sound to begin playing as soon as the keyframe is reached, independently of the Main Timeline. If a Start sound is playing, no new instance of the sound can be played. Stream – forces the movie to keep pace with the sound. Stops the sound when the movie stops. Play only within the frames they occupy. Begin to play before the entire sound file is downloaded. Stop – stops the indicated sound.

Effects Fade in – Sound will start out soft and gradually become louder Fade out – Sound gradually becomes softer at the end Left/Right Channel – plays only the left or right channel Fade Left(Right) to Right(Left) – creates a panning effect Custom – allows you to create your own effects

Custom Sound Effects The Edit button in Properties Inspector allows you to create custom sound effects. Edit – This opens the Edit Envelope dialog box which allows you to edit the sound. You can move the left (top) and right (bottom) envelope handles to change the way the sound fades into the right and left speakers. You can also change the start point of the sound by dragging the Time In control to a desired location.

The Repeat/Loop Option  The Repeat option sets the number of times that the sound will repeat. The Loop option sets the sound to play continuously.  Be careful when you have Sync: Stream and Loop selected. Looping a Stream sound will cause Flash to add frames for each loop, increasing the file size significantly.

Controlling Sound with On/Off Buttons It is wise to add sound control by giving the user the option of stopping or playing your sound. 1. Insert a new layer, named buttons 2. Create a Play and Mute button and drag to the Stage. 3. Select the Mute button, 4. Open the Behaviors Panel, Windows > Behaviors 5. Add (+) Sound > Stop All Sounds

Controlling Sound with a Play Button 1. Insert a new layer named actions 2. In the Timeline, click and drag down on the Frame one past the end of the movie to select it on all layers at once. Press F5 to add a frame to each layer. 3. In the Timeline, select the last frame of the actions layer and press F7 to add a blank keyframe. Add the stop(); action 4. Select the Play button. 5. Add the action on(release){play;}

Controlling Sound cont. When the movie begins, the sound starts playing on Frame 1. When the playhead moves to the last frame, the playhead stops (because of the stop();), but the sound will continue to play because of the Sync Start. When you click Mute, the sound will stop playing (stop all sounds action) and the playhead will continue to stay at the last frame until you click the Play button. This is why you needed to add frames. When you click the Play button, the ActionScript instructs the playhead to play. Since its current position is in the stop at the last frame, it will loop back to frame 1 where the sound begins again.

Compression Settings for Narration Sound in Flash can be synchronized with animation such as narration or a sound effect that is synchronized with a character’s movement. (Play soundSync_Final.fla)

Compressing Speech After importing the sound into the Library, 1. Double-click on the sound to open the Sound Properties dialog box. 2. Change the Compression type to Speech. 3. Note the file size and Sample Rate and use the Test button to find an acceptable Sample Rate and file size.

Synchronizing Sound to Narration Cues After compressing each sound that you will add to your movie,  Select the Sounds layer and drag a sound clip to the Stage. You will see the waveform of the clip in the Timeline.  Double-click the layer icon of the Sounds layer and change the height to 200% so that you can see the waveform better.  Click in Frame 1 of the sounds layer. In Properties Inspector, select Sync: Stream and Repeat: 0. The Stream setting forces the movie to keep pace with the sound. If the movie can’t download its frames fast enough to keep pace, Flash forces it to skip frames.

Tip: Streaming & Looping  Be careful about setting your sound’s Sync to Stream and adding loops. Stream causes the file size to increase for each loop you specify. If you can avoid it, try not to loop sounds that are set to the Stream setting.

Adding Multiple Sounds  When adding multiple synchronized sound clips to the Sound layer, make sure that you add a blank keyframe (F7) between each new sound.  Make sure that the number of frames in the animation and the number of frames in the sound clip are the same. You may need to add frames to the animation if the sound clip is longer.

Synchronizing Sound and Animation  In the Sound layer, click in the first frame of the overlapping sound and drag to the right so that the entire sound clip can be heard.  Click and drag the last keyframe in the animation layer to coincide with the end of the Sound clip. This makes the animation the same length as the sound clip.  Now, to move the next layer over, click on the layer to select and drag to the right.  Continue until no overlapping occurs.

Note I found it MUCH easier and faster to simply fix the overlap problem as I added the sound. As I added each sound clip, if the number of frames was longer than that of the animation for that layer, I clicked on the last keyframe of the animation and dragged it to coincide with the last keyframe of the sound. Since the animation was already created, I also had to select the entire next layer and drag it to the right, one past the last keyframe of the layer that I was working on.

Using PreMade Buttons  Flash has a library of pre-made buttons that you can use for quick animations.  To access these buttons, Window> Other Panels> Common Libraries > Buttons. This opens the Common Library.  To add a button to your current Library, simply double-click on it.

Controlling Animation & Sound with Stop & Play Buttons 1. Add a Button layer to your animation. 2. Click in frame 1 on the Button layer and drag a Stop and a Play button from the Library to the Stage. 3. Select the Stop button and add the action, on(release) { stop();} 4. Select the Play button and add the action, on(release) {play();} If Sync is set to stream, the sounds will stop when the playhead stops.

Adding Volume Control  In this exercise, you will learn how to add a volume control so that the user can adjust the volume of the sound.  Be sure to view the volumeCntrl.mov