Flashadvisor logo
:: Desktop Shortcut
:: Flash Help
Advices from Experts

 Submit Here! · Link to Us · Newsletter · Tell a Friend ·

      Add Tutorial |

 

Advertise here








 

Google

Search WWW   
FlashAdvisor.com

 Home > Tutorials  > Dynamic Content

How To Lip-Syncing with Flash

Author: Steve | Email
Website : www.flashframer.com


Advertisement


Open a new flash file. Save the file with the name LipSync.fla
Set the frames per second to 24. This will allow for smoother play back and it will let us pick out most for the syllables in the animation.

Create your cartoon character and put it on a layer named character. I have created an animated Ron Burgundy from the movie Anchorman. I’m not going to go into creating the character because this tutorial focuses on lip-syncing. I’ve left the mouth off of my character for now.

Open the file titled FF_MouthGuide.fla
This file shows the 10 different mouths I used in my animation.
Notice how certain mouths go with certain letters. This is not an exact science and with some practice you will learn what mouth works best with what sound, and short cuts that trick the eye.

Copy the Mouth Guide Symbol within FF_MouthGuide.fla, and paste into your LipSync.fla file and put it on a layer named guide. Move it to the side to use for reference. Or if you want you can create your own mouths. If you create your own be sure turn each mouth into it’s own graphic symbol.

Next import your audio to the library and then drag it to the stage on it’s own layer named audio. I search the Internet and found an audio clip from the Anchorman movie to go with my character. In the Property Panel for Sync type chose stream.

Next create a new graphic symbol and name it MouthAll. Once inside the MouthAll symbol, go to the library and drag out each mouth on it’s own frame. Example: mouth-1 place on frame 1, and mouth-2 on frame 2, and so on…
Now place the MouthAll symbol from the library on the main timeline on a layer named mouth, and line it up with the head so it looks normal.

Here is where the fun begins. Click on the MouthAll graphic symbol and down in the properties panel make sure the symbol is set to, single frame, The number in the first box will determine which mouth will be shown.

Move the play head until you hear sound. You can also see the waveform on the audio layer. Place a keyframe on the mouth layer. Down in the properties panel, in the first box choose the number of the frame that contains the mouth that goes with the sound being made. In my animation at frame 7 I place a key frame on the mouth layer. In the first box I chose frame number 5 for the G sound because my character is saying the word good. Next I chose frame 8, and place a key frame. Then chose frame 4 in the first box, for the O sound. Just keep repeating this and you’ll get the hang of it. It just takes a little practice and time. Publish Preview your file as you go along to see if the mouth looks right.

View the FF_LipSync.fla file or click here to view the final animation this will help you understand how the lip-Syncing is achieved.

| 1 |

Rate This Tutorial :
We hope the information helped you. If you have any questions or comments, please don't hesitate to post them on the Forums section
Submit your Tutorial at Click Here
  

Home | About Us | Contact Us | Feedback | Advertise with us

Best viewed in 800x600 resolution with Internet Explorer.

Site Developed and Hosted by  ethicsolutions.com
All rights reserved with FlashAdvisor

Flash is a registered trademark of Adobe Systems, Inc.

1 user online