How to Lip Sync | Adobe Animate Tutorial [UPDATED: Link in Description]

let's learn how to auto lip-sync in adobe animate let's get started hello everybody and welcome back to tip today we're inside of Adobe animate learning how to lip sync our characters can take you through how to automatically lip-sync which in my opinion produces all right results and then I'll show you a quick way or the quickest way I've figured out to lip-sync manually and to your character so let's crack on first things first I'll just explain the setup I've got here it's basically a single symbol all these keyframes are doing is squashing and stretching him a little bit because inside of this symbol each time he squishes and stretches I just got this character changing poses like so there is a second layer with a mouth on it and inside the mouth layer we have several frames each of which has a phenome or phoneme I may pronounce it attributed to it we have neutral ah II [Music] do la la whoo and oh okay now these are the fie gnomes or phonemes that Adobe animate uses by default to auto lip-sync in order to do this kind of lip-syncing you will need to have a frame for each of these particular shapes and I've just labeled these frames above it the blank ones so I know a glance what they are if you want to know how to draw these as tons of little guides on internet if you just googled mouth shapes and things like that but essentially these twelve the ones you'll need to get started and follow along with this tutorial as you can see you can probably just sit in for America uh miss that and just see how those mouth shapes are made okay so that is the setup of our stage here and it's otherwise a very simple technique inside of our symbol here we're just going to double click and I have a blank layer for audio I'm going to from my library take my lip sync dr. woth and apply that to layer I'll just preview it for you let's learn how to auto lip-sync in Adobe anime let's get started it's very crunchy because Adobe animate will do its best to destroy all of your audio if you don't want it to be destroyed when it's published just go to your publish settings and choose raw forty-four kilohertz of stereo and that'll stop it from being compressed so let's just drag that onto our stage and you as you can see I've already set out as be enough frames to cover the entire audio wav file let's learn how to auto lip-sync in Adobe animate let's get started let's so dance now inside the symbol but you'll notice that if we test the movie it doesn't actually play the audio and that's because you'll need a layer of audio on your main stage like so so let's learn how to all that will then export OB so this audio layer on the inside is just for the syncing once you've synced you can move it if you want to okay so let's go to our mouth layer and the auto lip-syncing is actually really quick we need to do is go to the properties of your object on the layer and you'll notice down the bottom you have looping here frame picker etc and then the option for lip-syncing just select that lip-syncing option and you'll notice all of the phonemes or phenome so I can remember lined up in a grid for you you need to go to your different mouth shapes so I'm just gonna call the mouth shapes from now on go to your different mouth shapes and select each of the thumbnails and choose the frame that you'd like to be assigned to that noise when that character makes that noise neutral for example I'm gonna have as a smile I'm gonna have as this our shake that we made before and so on D is gonna have to obviously be D so I've named these the same you can name them whatever you want and I'm just gonna go through and link all of these up there's a over here wheres oh I can't find her or really go there's s and there is oh and there is a woo so now all of these are V seams or phonemes I think V seams is the shape of the mouth it makes when making a noise and phonemes is the other way around I don't know if you know let me know mouth shapes will call the mouth shapes once you done that make sure you sync with the audio in the lair audio or whatever layer your audio is actually in and hit done and that's going to process and bam it's created a bunch of keyframes and it's labeled all those keyframes handily for us so let's take a look let's learn how to auto lip-sync in Adobe animate let's get started looks alright let's go back up to our main layer let's learn how to auto lip-sync in Adobe animate let's get started let's learn how to auto lip-sync in Adobe animate looks ok ah if you notice if you happy with that firing crack on you're done you're finished but if you notice so we know here as an L but it's actually done this shape and that's to do with the fact that a analyzing audio is very complicated but B everyone in the world has a slightly of an accent a slightly different way of talking is never gonna be perfectly accurate so my preferred method what we will do the lesson is I will duplicate all of these frames and we'll make sure to extend the main timeline as well to 188 frames so we'll just do that so quickly and I'll show you the method that I use when lip-syncing so we now have two copies of this audio file what I'm going to do is just clear all of these keyframes like so and I'm going to open up my frame picker window up here okay go got all of our shapes the way you can do that is just by selecting your mouth shape going to the object and choosing frame picker if you make sure that your graphic is set to place single frame for the graphic and then click your frame picker they'll open up this window and you'll notice now this shape won't animate let's learn how to auto lip-sync in Adobe animate okay now all we're going to do is just zoom in on the mouth a little bit and scrub through our footage now if you're scrubbing through your footage and you don't hear it that's because your audio is not set to stream it needs to be set to stream for in order for you to be able to scrub and here what's going on so now we're just going to select our frame with our layer on it go to neutral to start and about here this next frame we can see that's where the sound starts so we're going to select the ooh from here lair so that noise will probably be let's let's yeah that to me even though it's an e sound it looks more than ah yes so we'll use the e then there's TS so we can use the S shape for both SS antes slits so at this point the L comes in so we'll just add an L here let's learn yes but we can see in the middle when you go to let's your mouth Congress like closes in which means that a frame before this if we move to the D shape which is slightly wider and how you can see that it makes that let's learn let's learn so you should be exaggerating all of this basically let's learn how okay that's even though it's an e it's actually sound so let's learn learn isn't are there people just go back to like a n shape let's learn em so you can either use the S or the D you might be able to get away with using an e like this let's learn a little more better to me let's learn how to learn wow wow wow wow my able to do it okay so this is where we get to the nice base Wow so I like to go to the and then on the W go to really small let's learn how to auto lips [Applause] - - so you know on the wider one you wanted to - - straight to the mmm on how to auto lips okay so I'm gonna fast-forward through the rest of this so you don't watch me do the whole thing let's learn how to auto lip you can see already that's a bit better okay let's fast-forward I'll see you on the side [Music] [Applause] [Music] okay so that probably took about three minutes for me today and let's take a look at the results let's learn how to Auto lip-sync in Adobe animate let's get started that's me looks a lot lot better than that first version now if you want to we can compare them let's test the movie and the first one will be the auto one and the second will be our manual one let's learn how to auto lip-sync in Adobe animate let's get started okay oops I didn't I didn't actually duplicate the audio on this main section here that's my bad so we'll grab that and pop it over here that starts on frame 95 and in here that starts on frame 95 so we should be good let's try that again to auto lip-sync in Adobe animate let's get started let's learn how to auto lip-sync in Adobe animate let's get started let's learn second one looks a lot better so to save any distractions let's remove these frames here we can check that it on the right frame first frame 80 which is that first frame 80 that's not correct should be first very much 5 so if we just remove all of these because the first versions of rubbish and take a look let's learn how to auto lip-sync in Adobe animate let's get started let's learn how to auto lip-sync in Adobe animate let's get started let's learn how it also lip-sync now I'm gonna leave that on lupus eye chat hopefully that's given you a idea on how to start your lip synching and it only animates there's obviously a lot more to it than that that is the basic process that I use to lip sync my character hope you enjoyed this tutorial have you found it useful if you did let me know if you didn't also let me know if you want me to explode more things guess what let me know and I'll see you next time on another episode of tip top tribe for more tips tricks and tutorials thanks for watching

Channel: TipTut

Views: 97,698

Keywords: tiptut, tip, tut, adobe, creative, cloud, graphic, design, designers, tutorials, lessons, tiptalks, tipwalks, helpful, how, to, lip, sync, syncing, phonemes, phenomes, visemes, mouth, shapes, animation, basic, animate

Id: HCMReUfvx7U

Length: 12min 5sec (725 seconds)

Published: Thu Apr 23 2020