Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.

Slides:



Advertisements
Similar presentations
From Paper to Pixels to Vectors Evolution of a Flash cartoon character.
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
Chapter 3 Creating a Business Letter with a Letterhead and Table
Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Introduction to Macromedia Flash 8
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
Chapter 3 Working with Symbols and Interactivity.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
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.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Chapter 4 Creating Animations.
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.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Adobe Flash CS4 – Illustrated Unit C: Using Symbols and the Library Panel.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 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.
Working with Symbols and Interactivity
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Adobe Flash CS3 Revealed
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
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.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Ulead Video Studio is an easy to use video editing software that allows even the novice of movie makers to produce a professional project complete with.
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.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween 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.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Tutorial 3 Creating Animations.
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
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
INTRODUCTION TO FLASH ANIMATION
Exercise : Animated Navigation Structure in Animate (= Flash)
Presentation transcript:

Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.

Chapter 8: Speak to Me Recording Audio Audio waveforms are visually represented in Flash and After Effects.

Chapter 8: Speak to Me Recording Audio Common digital audio sampling rates.

Chapter 8: Speak to Me Hearing Voices…Recording Dialog Finding the right voice talent for each character is crucial.

Chapter 8: Speak to Me Lip-Syncing Dialog The Flash Timeline helps you plan out animated scenes in your movie.

Chapter 8: Speak to Me Lip-Syncing Dialog The simplest form of lip sync only requires two mouth shapes: an open and closed mouth.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash The character has been set up and is ready to speak. 1.Open 01_BasicLipSync.fla in the Chapter_08. Test the Movie. The character is set up and mouth shapes have been created so all you need to do is complete the shot to make the agent talk. 2.Select File > Import > Import to Library. Open AreUThere.wav. Click on the Play arrow in the thumbnail preview area to listen to the audio.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Increase the layer height from 100 to 300% to see the waveform better. 3. Go to the Timeline and create a new layer. Position it at the top of the layers above the monitor layer. Rename it audio. 4. Click and drag AreUThere.wav from the Library panel to the Stage. The audio is added to the audio layer. To see the entire waveform in the Timeline, click on the empty cell on frame 60. Select Insert > timeline > Frame (F5) to extend the audio to frame To magnify the waveform, right-click on the audio layer name and select Properties. In the Layers Properties dialog box, change the layer height to 300%. Click 0K.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Label the frames using the Name property in the Properties panel. 6. Go to Properties and set the Sync property to Stream. This enables you to hear the sound file as you scrub back and forth in the Timeline. 7. Create a new layer directly above the audio layer by clicking on the New Layer icon at the base of the Timeline panel. Rename the layer labels. This layer will act as the exposure sheet to record the words spoken in the audio file. 8. Scrub through the Timeline to frame 9. This is where the dialog begins in the audio. Click on the empty cell on frame 9 of the labels layer. Select Insert > Timeline > Blank Keyframe (the keyboard shortcut is F7). Go to the Properties panel and enter are in the Name text entry box.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Extend the remaining layers to frame Repeat this step to set labels for the remaining words spoken in the dialog. -On frame 12 add a frame label named you. -On frame 19 add a frame label named still. -On frame 25 add a frame label named there. 10. Extend the remaining layers that contain artwork to frame 60. Shift select the empty cell on frame 60 from layer monitor to layer background to select multiple layers. Select Insert > Timeline > Frame (F5).

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash All of the mouth shapes are nested inside of Graphic symbol. 11. Now that you have set up the frame labels to correspond to the dialog, it is time to create the lip-sync. Before you do that, let’s deconstruct how the artwork is built. The secret agent’s head contains all of the facial features except the mouth. The mouth is a separate graphic symbol. Double-click on the mouth to open its Timeline. Scrub through the frames to see the different mouth shapes. The lower chin is also nested inside. This will animate depending on which mouth shape is shown on the main timeline,

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Each shape has been converted into a graphic symbol and then nested inside another symbol on frame after another. Using this technique, you can then control which frame is shown on the main timeline. 12. Close the graphic symbol and return to the main Timeline. While the mouth symbol is still selected go to the Properties panel. Under the Looping section, select Single Frame from the Options menu. Type in 8 for the frame number. The graphic symbol displays the nested mouth shape on the eighth frame.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Set the graphic symbol to display a single frame in the Properties panel. 13. Scrub through the Timeline to frame 9. This is where the dialog begins in the audio with the word “are>” Phonetically, that would be pronounced “aah – rrr.” Add a keyframe (F6) to the mouth layer. Go to the Properties panel and type 2 in the Looping Section to display the corresponding “Aah” mouth shape.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash Change the displayed frame number to correspond to the audio.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash 14. Repeat the previous step the complete the lip-sync. To do this, add a keyframe on the following frames and change the graphic symbol’s displayed frame. -On frame 12 add a keyframe and change the graphic symbol’s frame to 10. -On frame 14 add a keyframe and change the graphic symbol’s frame to 5. -On frame 17 add a keyframe and change the graphic symbol’s frame to 6. -On frame 19 add a keyframe and change the graphic symbol’s frame to 1. -On frame 21 add a keyframe and change the graphic symbol’s frame to 10. -On frame 23 add a keyframe and change the graphic symbol’s frame to 4. -On frame 25 add a keyframe and change the graphic symbol’s frame to 9. -On frame 28 add a keyframe and change the graphic symbol’s frame to 3. -On frame 31 add a keyframe and change the graphic symbol’s frame to 10. -On frame 36 add a keyframe and change the graphic symbol’s frame to 8.

Chapter 8: Speak to Me Exercise 1: Creating a Lip-Sync in Flash The completed lip-sync animation is nested inside a movie clip and rotated to fit the background artwork. 15. Save and test your movie. 16. To see a completed version, open 01_BasicLipSync_Complete.fla in the Completed folder inside the Chapter_08 folder. The animation was nested in a movie clip and repositioned in the cell-phone art. The symbol was rotated using the 3D Rotation tool to match the perspective in the background art.

Chapter 8: Speak to Me Mixing Sound Effects Off-screen sound can enhance the scene without you showing a lot.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash The animated scene is ready for sound effects to be added.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash One technique to create a lip-sync in Flash is to store all of the mouth shapes inside a Graphic symbol.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash Another technique is to swap the mouth shape symbols frame-by-frame.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash Add each sound effect to a different layer in the Timeline. Use the frame labels to sync the effect with the animation on Stage.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash To adjust the sound envelope, drag the envelope handles to change the volume levels at different points in the sound.

Chapter 8: Speak to Me Exercise 2: Mixing Audio in Flash Save and test your movie to see the final results.