Automated Lip Sync in Adobe Animate | Tutorial

hello there thank you so much for stopping by my name is chitchat and on this video we're going to talk about something that can be a little scary when it comes to animation and that's doing lip sync now lip sync is making an animated character appear to be given the audio performance and that comes down to recognizing the speech patterns drawing the correct mouth shapes and timing everything appropriately to make it appear as the character is actually the one doing the voice and not the voice actor in a booth now animating lip sync can be a daunting and time-consuming task but what if i told you that it could be easier what if i told you that there were built-in tools inside the adobe suite that automate the lip sync process to allow you to go from something like this to to something like this with just a few steps now there are two different solutions inside the adobe suite that provide auto lip sync technology adobe animate and adobe character animator and i know those names make things very confusing but for this tutorial we're looking specifically at adobe animate or if you've been in the program for as long as i have you'll remember it as adobe flash now this tutorial won't be going over any designs or drawing techniques just the process of getting your lip sync ready for animation with all that out of the way let's get started step 1 creating our visuamenes to get started we need to create a set of visa means for our character avisamine is a facial image that can be used to describe a particular sound avisamine is the visual equivalent of a phoneme or a unit of sound in spoken language for the sake of ease let's just call them mouth shapes now if drawing characters or mouth shapes isn't something you're used to you can always use image library resources such as shutterstock or adobe stock to find examples for character lip syncs because adobe animate is a vector program i recommend finding an ai file if you plan on using a pre-made rig from one of these sites as you can see i've already created each of the different mouth shapes i'll need to create a proper lip sync additionally i've added a slight job movement to each of these as well now this is a stylistic choice of course and it won't apply to every design or character so for the sake of this example we'll just be using the base mouths that i've already created step two making and setting up a symbol our next step will be putting all of these mouths inside a graphic or movie clip which acts like a nest or a pre-comp if you're used to premiere or after effects you can do this by selecting all of the objects right clicking on your mouse and select convert to symbol now you can double click on this newly created symbol to open it up into its own embedded timeline here we can split each of the mouths to be on their own keyframe in this timeline it's important to note that the placement of these mouths will affect how they appear in the lip sync i recommend using your character's head shape as a guide to create a new keyframe right click on the frame you want to add a keyframe to then select insert keyframe on this new frame you can cut and paste the next mouth in the cycle the order in which you place these mounts on the timeline isn't going to matter because adobe animate is going to ask us which mouse we want to use later you can also add a label for your keyframe by selecting the key then scrolling over to the properties panel and typing a name under the label option this really helps you figure out where things are on the timeline at a glance so i highly recommend it you can also modify the scaling of your timeline using this tool here now that you have each mouth on its own keyframe we can move on to the next step step three assigning visumenese aka mouth shapes on your main timeline select this symbol that we just created now you should see a lip syncing button in your properties object panel select that and a new window should pop up it is here you will select the appropriate visual means or mouse shapes for each of the sounds once you've finished that you can select done step four adding your audio to the scene there are two main ways you can add audio or any files inside of adobe animate one is by adding it directly to the scene you're working on and the other one is adding it to your library for later use for this example let's add the file to our scene by creating a new layer for the audio to drop into then select file and import to stage then simply find and select your audio file you should see your audio file populate in the new layer that we created however because we only have one frame on our timeline it's not completely visible we can add more frames to our animation by right-clicking anywhere further on the timeline and selecting insert frame now we should be able to see our audio step 5 generating our lip sync now that we have our audio in place click one more time on our symbol then select the lip sync button in the properties panel this will bring up that window that we were in previously at the bottom of that window you should see a sync with audio and layer option now from that drop down menu simply select the layer that your audio is on wait a few moments for adobe animate to calculate the animation then ta-da you should now have a lip sync animation this voice over is meant to test the automated lip sync function in adobe animate this voiceover is meant to test the automated lip sync function in adobe animate step 6 fine tuning now there may be a few sections where adobe animate didn't quite pick the right mouth for the associated sound this is easy to fix as adobe anime also went ahead and labeled each of the keyframes for us as well to swap a mouse shape all you need to do is select the keyframe then select the symbol then select the frame picker button under the properties object panel and select the appropriate mouth shape [Music] you've now swapped it for the more accurate mouth shape it's meant to test the automated lip sync function this voiceover is meant to test the automated lip sync function in adobe animate and as you can see applying this technique to an actual character rig helps bring this character more to life with a little bit of finessing and fine-tuning you can make your character really stand out and have a pretty solid lip sync this voiceover is meant to test the automated lip sync function in adobe animate and that's the automated lip sync inside of adobe animate i hope you found this tutorial helpful and maybe can use some of these techniques in your next project thank you so much for watching i really appreciate it if you have any questions about this tutorial or adobe animate in general feel free to leave those questions in the comment section down below thanks again for watching and as always i will chat with you on the next video

Channel: ChitChad

Views: 61,980

Keywords: Chad, ChitChad, Chit Chad, ChitChadShow, ChitChadPlays, Chatterboxes, Chatterbox, adobe, adobe animate, adobe flash, flash tutorial, animation tutorial, automated lip sync, lip sync, animated, animated character, animated avatar, lip sync tutorial, how to do lip sync, adobe animate lip sync, adobe tutorial, cartoon tutorial, how to lipsync, how to animate mouths, animating mouths, adobe animate tutorial, vtuber, adobe flash tutorial, auto lip sync, auto lip sync tutorial

Id: 3pjPJ1YI3GE

Length: 7min 26sec (446 seconds)

Published: Sat Jan 30 2021