Animation Lip Syncing Made Easy (Rough Animator) | Patrick Davidson | Skillshare

Animation Lip Syncing Made Easy (Rough Animator)

Patrick Davidson, Expat Animator

Animation Lip Syncing Made Easy (Rough Animator)

Patrick Davidson, Expat Animator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (22m)
    • 1. Class Trailer

    • 2. Setting Up a New Project

    • 3. Importing Audio

    • 4. Lip Syncing

    • 5. Animate a Cycle

    • 6. Save and Export

    • 7. Case Study

    • 8. Recap

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Do you think lip-syncing for animation is hard? It doesn't have to be!  This class will teach you how to lip-sync by hand using traditional 2D animation techniques.  The class requirements are a copy of Rough Animator ($5) and a mouse or drawing tablet. You may want to take my other class on audio recording first called "Record & Fix Voice-over Audio for Animators", but it is not necessary. This class is for beginners and anyone who wants to learn to lip-sync.


Meet Your Teacher

Teacher Profile Image

Patrick Davidson

Expat Animator


Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.



1. Class Trailer: do you wanna? Hoid Are these wants to learn to animate? This class will teach you how to lip sync by hand using traditional two D animation techniques for our class project, we will be animated a pirate talking I encourage you to draw your own pirate for our class project. I will be providing the pirate illustration and an audio file so you can get right into lip sinking. But if you want to record your own voice for this project, you might want to watch my other skill share class called record and fixed voice over audio . For animators, the class requirements are copy of Rough Animator, which is $5 and a mouse or drawing tablet. You may want to take my other class on audio recording first, but it is not necessary. This class is for beginners and anyone who wants to learn to lip sync. Hi there. My name is Patrick David's demographics freelancer and part time animator. I've been animating for over 20 years now, and I've worked on projects from TV commercials to feature films. I worked mainly in two D or hand drawn animation. My favorite personal animated projects are the Web comedy series Traveling Green goes in My Action. Siri's Trap. I'm also an expat California living in my new adopted country of Costa Rica. But enough about me. Let's get into this class. 2. Setting Up a New Project: in today's class, we're going to learn to lip sync for animation. We will need some files to get started. First, we will need a drawing of a pirate. You can use any program you like to draw your pirate or you can use the image I provided in the resource is section called Pirate 01 dot PNG We will also need an audio file to lip sync to Since we're animated a pirate, it will be good to have a pirate's voice. You can record your own voice with help from my other skills Share class called record and fix voiceover audio for animators. Or you could just use the audio file I provided in the resource is section called pirate talk dot ai f f So let's go ahead and go into Rough Animator We're going to create a new project. I'm gonna make it 7 20 p 24 frames. You can adjust that if you want 3. Importing Audio: Let's go ahead and import our image of the pirate. So let's grab him and you could move him or scale him. But I'm just gonna click because clicking the gray because he's already pretty centered. And let's call this pirate. Okay, now let's go ahead and import our audio and grab that now. We don't see the audio yet, and that's because we need to add some frames. And now, as we add two frames there, you're seeing the audio file. So go ahead. And I know that this audio file is about 96 frames long, so I'm just going to type that in and hit Enter and I'm going to pull my horizontal zooms. I can see the whole project so you can see here. There's the whole audio. Here's one second. Here's two seconds. Three seconds and four seconds. I'm gonna add one more frame here, and then you can see the four. So this is basically a four second animation, and at this point we can play it and just, uh, see what it sounds like. Ahoy! Dire. These wants to learn to animate 4. Lip Syncing: So what we want to do is we want to create a new layer and empty layer, and I'm gonna call this mouths. And this is where I'm gonna draw the mouths for the animation and you'll see we've got one frame here and it's empty, and that's what we want for now in action. So what I want to do is I won't extend this a few frames, right until we get to the point where the audio starts. So some people, they think that the lip sync needs to be a frame before or after. And I like to start the timing of the mouth movements exactly on the wave form. So it's a good practice to to get into so it zoom in here as far as I can, and basically, I just want to start drawing some easy mouths and to make our guy our pirate talk. And one cool thing about having a mustache is we really aren't going to be drawing much more than a little half a circle here at the bottom because the mustache is going to cover up the mouth so we don't need to do all of the shapes of the mouth. We're just going to basically use Ah, little half circle below here. So at this point, I want to create a new drawing. So we're going to do ad drawing at after White, and that gets us our new drawing. I don't necessarily want it that long, so I'm gonna bring it down and I'm just going to draw with the pin tool here, and I've got black selected. I'm just gonna draw a little circle like that. And if you want, you can add a little lip or something. But, I mean, we're doing real basic drawings here, so don't get scared that we're doing, you know, something very labor intensive. And at this point, we can see there's another spike here, So I want to change the mouth moving again. So let's add drawing and add after it's getting us a new drawing that's holding for two frames, two frames here, and I'm just going to draw a little bit different mouth shape. Then we just did. And that one I'm gonna hold a little bit longer here, so let's stretch that out. And then at this point, there's a little bit of ah difference here and so I might want to add a drawing here and what I'm a do. What I might do for this is just have it be no mouth. And so let's bring that back. And then here I'm going to start another mouth. So add drawing and after and here, let's go ahead and draw another mouth and we'll go ahead and have that hold a little bit longer. And what I might do is have that hold six frames here, hold for that whole thing, and then we're gonna do one more drawing here and have it be kind of just a barely their mouth and almost like he's closing his mouth. And I'm gonna bring that back right around there, and then we're going to go back to empty mouth. So we need to just add a blank drawing here, which is going to give us the ability to pull our timeline. So we need these blank white drawings. They're actually nothing in the drawing, but we need them to hold the spacing within rough animator. So I'm gonna take stretch this out to about here so I can either do it like that or I can just add frames here, and at this point, I want to add a new drawing. So it's at drawing and these ones, and I definitely don't want it this long so we can pull it back. These ones, these ones and maybe right about there, maybe do one less do about three frames here. And let's do another drawing of a mouth, okay? And let's do and another one. And at this point, maybe I want a little bit longer and that's gonna hold. Let's hold that till right about here. So the more you animate lip sinking, the easier it gets and really want to pay attention to the wave forms you construct to in kind of See, I don't want to talk over the scrubbing, but when you scrub, you can kind of hear where the words change. And so let me try that real quick E e. So you can see that I can't hear anything beyond here because I'm selected on the mouth slayer. If I want to hear the whole thing, I can select on the pirate like boy there. These wants to learn, and I can scrub Teoh. So why is right here? That's how you can kind of scrub and see where the words starting stop. And you kind of want your mouths to match up with a changing of a word. So as wants starts right here, we're gonna want to do a different mouth break. So there's going in added running there and I'm gonna make it one morning. So he's saying wants so I might do something like that. It's more of a no. But the point is, we just want to draw some drawings here so that the mouth is moving and it's not gonna be a perfect lip sync. But I just want to get you to have ah, beginning into lip sync and how you do it by hand within Rough Animator. And this technique will work in a lot of other two D traditional animation. It's the same technique, so I want actually want some blank drawings here or some mouth closed, so we're gonna add a terrible blanks right there. At least two. I don't like one frame. It's too fast, but two frames is usually holds long enough. And then let's start a new of mouth and right there, So let's listen to what he says, Let's scrub it. Hoyt are okay, So they're saying to learn. So in this drawing, we probably should do like a to and we'll just do like that and maybe hold that for another frame at another frame. And here he's gonna say learn. So let's hold that for a little bit longer and we'll just dio something like that, okay? And then I want Oh, let's due to blank drawings in here that basically the mouth closed. And then we'll start a new mouth here and let's just let's scrub it and see what he's saying here, O. K. So that's him saying, Animate that. So let's do it and let's do another frame and mate. So it's and I might dear little later something like that, and so in a mate. So I might hold that one more frame, and then we'll start the mate, animate and make another drying. Let's hold that until the end here, and so this will be our last drawing here. Ah, and I might even just kind of move his mouth off to the right a little bit, and then at the end, we still need to hold blank drawing so Let's add a blank drawing there and let's just stretched out to the end, okay? And that should do it. So let's let's zoom out and let's try and see what what we've got. I met a little more. All right, so let's bring our play head to the beginning and hit play when we turn to blame a little ahoy there. These wants to learn to animate Ahoy there. So that looked pretty good to me. I'm pretty happy with that. Um, I might want to go in and it just a little bit. And, you know, it's easy enough. Teoh, take a frame out here, there. But when you take a frame, I hear it shifts everything else here. So we need to come here and add a frame there. So just make sure that if you're adjusting here, you remember that you have to come back and sink, get these backs inked up on this end. So I just took out a frame. It shouldn't really make too much of a difference, But let's take it. Take another look at that ahoy there. These wants to learn to animate Ahoy there. So one frame here there doesn't really screw us up too much, but it can, um, make a difference in your timing. So just pay attention by sometimes shifting. One frame here or there can get your timing a little bit better. It looks a little bit better. 5. Animate a Cycle: So the next thing I want to do, let's do one more thing here. I want to do a quick reminder of how to do a cycle. So let's add a new layer. Let's add empty layer. I'm just going to call this animated background and I'm gonna move that layer toe underneath Pirates. So we're gonna hit that button. And now he's here and we hit that again. And now he's here. We just have one frame. So what I want to do is bump it up to two frames and let's do a quick little drawing. Uh, just make a line here, something like that all the way across. And then I'm going to add a drawing. Let's turn on our onion skin and let's just try and trace that as best we can. And let's do one more time. Ad after and trace it again, right? Like that one. Let's undo that more time here. Okay, so we've got three drawings, and what I just basically want is him have a little bit of background, and that background is going to give us a little animation, and this is more just so that we can practice making a cycle. So what I want to do now is I'm gonna add another drawing after those three. And from here, we've got our blank drawing. We're gonna hit make cycle, and you can see it selecting automatically. The last three drawings. So big overheard our tool options. It's already picked the last three drawings. If I don't want that first drawing so you can see I've taken out one of the cycles here, but we don't want that. We want all three and it's select now three. And then This is the beginning of our new cycle, which is only two frames which is here. So if we add to this there now it's six frames. We've got all three drawings and two frames. It's drawing, and it's cycling. So we should be able to scrub that and kind of see, turn the onions get off. So the background is just ah, wavy line here, and what I want to do is just extend this all the way to the end of the project. The easiest way to do that is selected on our cycle, and we just start adding and I know that, uh, we need this. Let's drop it about 90 frames gets us almost to the end there. And let's do one more. Okay, that gets us to the end. So, as you can see, we've got our four second animation. Let's go and play it and you'll see the background. Ah, what we've just done with that cycle Ahoy there. These wants to learn to animate. So what you may want to do is fill that with blue or something like, you know, he could be on a notion are I just wanted to give a little bit of a cycle revision, which I went into in a previous class. 6. Save and Export: So now we need to save our project. So file save. Let's call this pirate talk and our dot are a is for rough animator save to the desktop. So they saved our work and now we finally just need to export. So file, we're gonna export a quick time video. And I went into the other export options in the previous videos on here on skill share. So you can go check that out and was going to save it to the desktop, and it should save it with the audio. So let's hide Rough animator and go See Here's what we just exported here, Pirate talk about movie. Let's go and open that in quick time and give it a play ahoy there. These wants to learn to animate. So I'm pretty happy with that. That's what we wanted. Hopefully, your project came out similarly 7. Case Study: Now I want to take a look at a case study. Let's take as an example this short clip from my travelling green groceries. And let's just watch it real quick and kind of pay attention to the lip sync. Don't you have your sea legs yet? Hardly. How come you're stomach is always fine. I always keep a pocket full of Dramamine, so that's about a nine second clip. And there was a decent amount of talking going on, and that was all lip sync fairly accurately. The trick is, I did all of Eric's animation with only three mouth drawings. We've got the closed mouth normal drawing. Then we've got one to three more mouths and that's it. I animated basically all of his talking in that clip with three mouth movements, so it doesn't have to be very complicated. And for the other example of Pat in the animation, there's the closed mouth, and then we've got one 23 floor, So just basically four mouths plus the closed mouth is all I used to animate him talking. But let's do a quick Google search for animation. Lip sync chart and you'll see a bunch of images come up for different ways that people map out their mouth shapes and you can see here's an example with 12 different mouth shapes. Here's an example with eight or nine different mouth shapes, and so you can kind of get an idea of how other people do their lip sinking and their mouth shapes just by doing a quick Google search. And there's a lot of information here, but basically what I want to show you is you don't need a lot of mouth shapes to animate lip sinking if you're just learning and want to get started personally, I only use eight mouth shapes any more than that. I don't like the look of it. So let's take another quick look at the clip and the way I animate this is I do the mouths on another layer on top of the background drawing. So the point of this is trying not to be intimidated by lip sinking because it doesn't have to be super complicated. You can achieve your goal of lip sinking with just a few drawings, and the more you practice, the better you'll get at it. So feel free to do this class project more than once as it will help you practice your lip sinking, re record different pirate phrases and try animating those again. And the more you do this, the easier it'll get and the faster you'll get. So start practicing your lip sinking, and I look forward to seeing your projects in the project section. 8. Recap: congratulations on completing this skill share class. We're not done quite yet. Let's recap what we've just learned. Today we learned how to set up a new project in Rough Animator. We also learned how to import an audio file. Lip sync animate a cycle saving export our work and we reviewed a case study illustrated by my animation traveling gringos. Remember, eight mouth shapes are enough to lip sync anything you can use less if you need to and practice practice, practice. Remember to post your work to the your project section of this class. I will do my best to check all of the projects to come through and give feedback. Please follow my profile here on skill share as I have plans to create a lot more animation classes. And thank you for taking my class today. I hope you're able to learn something valuable. This has been Patrick Davidson, the expat animator. See you next time