Hand Drawn Animation for Beginners (Rough Animator) | Patrick Davidson | Skillshare

Hand Drawn Animation for Beginners (Rough Animator)

Patrick Davidson, Expat Animator

Hand Drawn Animation for Beginners (Rough Animator)

Patrick Davidson, Expat Animator

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

    • 2. Setting Up a New Project

    • 3. Overview of Tool Palettes

    • 4. Using the Drawing Tools

    • 5. Rough Animation

    • 6. Clean Up Drawings

    • 7. Animation Timing

    • 8. Animate a Cycle

    • 9. Fixing Your Drawings

    • 10. Saving Your Work

    • 11. Adding Sound Effects

    • 12. Export Options

    • 13. 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 like to draw? Have you ever wanted to see your drawings come to life? This class will teach you how to make a 5-second animation with as little as 12 drawings!  This class is for beginners or animators looking for an easy to learn program for 2D hand-drawn animation. If you can draw stick figures, you can take this class.


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 like to draw? Have you ever wanted to see your drawings come to life? This class will teach you how to make a five second animation with as little as 12 drawings For our class project, you will learn how to animate a dog howling, complete with sound effects. Class requirements are that you will need to purchase a program called Rough Animator, which is $5. It runs on a Mac PC or a tablet running IOS Android or Kindle Fire. This class is for beginners or animators looking for an easy to learn program to get into two D hand drawn animation. If you can draw stick figures, you can take this class. Hi there. My name is Patrick Davidson, 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 feed your family. I worked mainly in two D or hand drawn animation. My favorite personal animated projects are the Web comedy series Traveling Green Goes and My Action, Siri's Trap. I'm also an ex pats in 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: Welcome to our class. Let's get started. But switch over here too. Rough animator. And we're gonna hit Start a new project. I'm going to keep the resolution at 7 20 p. 24 frames, so you could do larger if you want. That's what I'm gonna work at and just get situated here. Zoom out with up with command minus man Plus goes larger. Hold the space bar down and you get the hand and you can move the whole canvas around. 3. Overview of Tool Palettes: Here's our timeline up here to give ourselves a more room. And let's just look at the tools real fast. So we came up here to window. We can see there's Maybe there's five main tool palettes. So we've got tools which are your drawing tools, razor etcetera. And we'll get into that tool options, which is this in the bottom right corner here. And you'll see that this will change depending on what? To your in on the right. And then we've got timeline, which is this up top here, and we'll get into that what that's got, then we've got preferences, and this I only use occasionally. So we'll we'll pull that up when we need it. Not needed. Open right now and then. Color palette. We can use that as well, but I'm gonna close it for now. We want black for now. 4. Using the Drawing Tools: So I'm gonna grab the breast tool, and I'm a switch from my house to my pen on my my tablet here. And I just want to do a rough sketch of our dog here. So I'm gonna start making some surks, um, shapes triangle for the nose oval for the ears, and we're gonna do an oval for the body here, give a little tail, and what we want to do is gonna give him a couple of feed in the back and some feet in the front here. We're gonna get him some eyes, couple of circles there, and my eyebrows gonna give him a triangle nose. And at this stage, I just want to sketch quickly We're not doing Then we're not doing going for the world's best drawing right now. We can do that. And later, this is our roofs basically, and that's a good time to come up here. And we're gonna name this layer because that's what we're drawing on here by by default. Gonna call this refs and come back here actually want these, uh, legs to be a little longer. There's a few ways to do that. I'm gonna grab the eraser tool and just erase what I've drawn here. And actually, I want a bigger eraser. So let's go ahead and let's double that up to 50 and you can see that it gets bigger. Let's go ahead and go to 100 and even bigger Still back over to our brush. And let's just give this little port dog Isam feet here, okay? I'll give him a spot on his back. So for the time being, I'm just going to sketch things in. I'm not gonna spend too much time on detail. And was again the Zahra refs. Uh, she was giving lip there. Okay, Um actually, I don't know if I like that years, so let's erase that clean about just a little bit here, My bottom lip. All right, so let's let's go with that. Okay, Now we've got our rough drawing the next. What I want to do is I want to basically do all of my animation as Ruff's, and then we're gonna go back over when we're going to create a new layer on top of the Ruff's and we're gonna do cleaner drawings. What I want to do is just come up here and click Add drawing. Now we're gonna add after or we could duplicate after these air the options it's giving us , Uh, let's try duplicate after, actually. So now you see here we've got two frames and they're the same frame. But what I want to do on the second frame is we're gonna come over here, we're gonna race, and when I raise his whole head and I'm gonna redraw it that way down to redraw the body, go back to my brush and let's draw s'more shapes here a couple of ovals and let's keep drying. So what we're drawing here is we're drawing a dog howling. And as our little guy here is howling, we're gonna have some animation happened. Meantime, let's just do a quick little drawing here. Now we can see is back or his front paw here. Okay, so now we've actually got some animation. You were just the two drawing so we can kind of flip back and forth and you can see the animation. One thing I notice is that kind of drawn him a little bit high. So if I want to move this drawing, I want to move all of my drawings. So the move Multiple drawings. When a center this a little bit Drop him down a little bit. So we hit Edit multiple. When we get our little bounding box here, it looks like you can click and drag this and select. Now we've got both selected as they both have highlighted. So now I want to grab him over here and grab the lasso tool, and we're just gonna grab all of the drawing. And then we could just click and drag and drop him down in the center where we want him. And I believe we can scale up and down ones were in this as well. So when we're done, we just click outside of that and you can see we still got both or all of the frames selected. So we're just going to come up here and select one, and now you can see we've moved all of our drawings at one time, so that's how to do that. 5. Rough Animation: to go back to our brush because what we want to do is at a few details of animation here. And one thing I want to do in the second drawing is I want to add some animation to his tail. So let's come here and let's erase the tail. And then I'm gonna go back to my brush, and then we're gonna flip it the other way. Now, let me let me undo that to show you this is a good time to turn on onion skin. So we come here with onion skin and you can see the drawing underneath the previous drawing . So that way you can see where the base of the tail is. We want to keep that pretty close to the same when we draw our tail. So now when I draw the tail, I'm basically going to go like that. Made it one more time length a little bit better. Okay, so now I'm gonna turn onion skin off, and when I flip back and forth, you can see that there's some animation on the tail. The next thing we want to animate is I want to animate his eyes, moving back and forth. So that's gonna happen before the how? Because I just That's the order we want to animate. So let's go back to the first drawing. What I'm gonna do is I'm going to duplicate that drawing in the way that I do. That is, we're gonna hit, add drawing and duplicate. After it's now, we got separate drawings of the same drawing. Now let me undo that and show you. If I were to make that two frames, I could come over here and click that. And now I've got two frames, but you don't see that divider line. So it's actually one drawing, and I didn't want that. I wanted to separate drawings, not one drawing going over two frames. So I'm going to either go back to one frame. Or what I could do is I want the eyes to go back and forth. So let's go to three frames. So we select a frame first frame and we come up, click, add, drawing, and then we do duplicate split halfway. When that does is it breaks us up and we go back here and we do it again. Duplicate split halfway and now you'll see we've got three separate drawings on three separate frames, and they're all the same drawing. That's what I want to do is I want to come here second frame and I'm going to change his eye direction. So I'm just gonna grab the eraser. Let me zoom in here and I need to change my eraser size. Let me drop that down and let's just take those out and grab the brush and we're going to make him look this way. Okay, so now we've got he's looking to the left of the screen. He's looking to the right of the screen, and then he's looking back to the left and then he house. So it's Bam, bam, bam! So now in four drawings, basically, we've got some animation and including the tail wagging on moving on that fourth frame. So the next thing I want to do that we were gonna do is we're going to make the dog howl and have some visual representation of the howling. So let's get into that. So we've got this one drawing and another way to get us a bunch of separate drawings is we come to add drawing and we click duplicate after and now we've got two of the same drawing . So let's I want about six of those. So let's just keep doing that duplicate after duplicate after on one more time. So then we should have 12345 six of the same drying, not each of these frames. We're gonna add some animation. So the first drawing there's not gonna be a effect. The second drawing is where we're gonna draw our effect. So I had to take my brush tool, and but I want to do is add a little circle like that. And then I want to go to the next frame. And if you have a keyboard handy, you can hit the right. A rookie left and right Arrows will go back and forth on the timeline, so there's a good time to click on onion skin, and then you can see here's our, uh, previous frame. So I kind of want the arc to go like this with the animation. So each frame as I hit the right arrow keys, gonna this bubble is gonna get bigger and kind of go in the same path. And now let's see what that kind of looks like on the timeline hair. Let me turn off onion skin and as I scrubbed that so you can see that's the animation with that when we get to this last bubble, what I want to do is let's go ahead and duplicate that after we get a new frame. When I erased this that we've drawn Get my razor back up to a good size turn onion skin back on. Okay? And now I'm going to draw with brush like a pot. And let's do that one more time. Let's duplicate that drawing. And this time let's take the eraser dropped eraser size back down. And I just want toe. Get these two barely visible there, and then I want one more frame. So that's add drying, duplicate after and on this one. Let's just erase these all together, okay? And we don't want to do timing yet, so but we want what we want to do is want to get all of our drawings done, and then we can go in and mess with timing of the animation. So that's it. So we've got 12 drawings there, and those are the 12 drawings were going to use to do our animation 6. Clean Up Drawings: we want to click, modify layers. We want to click duplicate layer timing to blank drawings. And now what we've got We've got as blank drawing for every frame that we've got down here . So that way we just have to click on it and draw what we want to draw. And that's gonna be our cleanup. So let's name that layer cleanups. I'm gonna come back here to the rough, so I'm gonna drop the opacity down, and then we're gonna just sketch on top of that. Some people like to draw their roofs in a different color. Besides black. I didn't choose to do that for this tutorial, but you could do that again. You would go up and pick from your color palette a different like a blue or something. But I'm just going to stay with black for now. And now on the cleanups is where would you want black for this? So let's start doing our cleanup drawings, so I'm gonna zoom in a little bit so I can get have more control and let's go click on the brush. Uh, actually want to bring my brush size up a little bit so that some use our tool options over here on the right, and I'm gonna pick about 30 and see what that looks like. Yeah, I like that. So let's start drawing now. If I'm getting a real shaky line, what I can do is I can add I can change the smoothing over here. So if I go all the way down to zero and I have a shaky line, I'm going to stay with that shaky lying. If we pump that up a little bit, it looks like seven is the highest we can go. And I try and do a shaky line. I let go. It snaps it into a cleaner line. So depending on how much smooth and you do or don't want, it kind of affects the look of your drawing. I'm gonna undo those lines, and I'm gonna get this back down to about three. Okay? Now, I don't like that line. I cannot do it and draw it again. So what we want to do now is connect this line here because I'm gonna grab the paint bucket tool and I'm gonna click and feel that now this This is where you can pay attention to the tool options here. We've got feel expand. If I have that down to zero, and I click here, you can see we get this white lying where the field is not fully filling in. So if you have your feel expanded zero, that's what's gonna happen. So I'm gonna undo that, Phil. And let's try. Looks like 20 is as high as it goes. So I'm just gonna pick, like, five for now. And let's see if that feels it. And it does. So the little bit of white here, So maybe I want to go to six. Uh, let's try six, see if that takes care of it. I tried again. Still got it. If I go up to tan, it should take care of it. That's about halfway. And then it almost it over fields. So we got this breaking on the top here. So you just got to find the right balance for your drawing here and undo that. I think I liked it around five. That's good enough for me. Okay, I feel that I'm gonna fill this little area, and it feels knows. Okay, now I'm not gonna color in his body. I'm just doing this quickly so I can show you the fill tool. You can always grab your brush and go in and fill any extra little whites that didn't get filled. And that's how we're gonna get our cleaned up drawing. So let's select our next drawing, and we basically want to do the same thing. Let's just draw him again. The final animation. It's not gonna be super static. It's gonna move a little bit. And that's good or bad. Depends on what you're trying T o. Look you're trying to achieve. Okay, next drawing. This drying is the same of the first drawing, pretty much so. Let's just get through these drawings. And I may even speed this up, uh, in the video editing stage. So I'll see you when I'm done. Okay, so that's the last of the drawings when we zoom out a little bit and now we can turn off completely the visibility of the roofs. We don't need to see that anymore. And let's go ahead and play this. It's gonna be fast, but let's play it. So that's our animation. So now we've got our clean drawings. We're a stage where we can get our timing and our loops of our animation. So were getting closer. Teoh finishing the project 7. Animation Timing: is there now. We've got 12 drawings that are cleaned up, and now it's time to do the animation. So what we want to dio is this first frame we wanted to hold. So you just change the duration and you can see now I've got it at four frames and there's no individual frames anymore. Is one frame holding for four frames. So let's do the same thing for this four frames on that and then that four frames on that. OK, so now it's a little more of a hold as he's looking back and forth. Then, as he goes to his how we want this toe hold also. So let's add that up to four and then these can move a little bit faster, so less so. I can either do it this way and just go two frames. Maybe let's go three frames on that three, but if I wanted to select 12345 frames, I can hit at it multiple and I could grab all five. And now that doesn't look. I can change in duration multiple. So let's just do it by hand on Let me go to frames on each one of these two frames and two frames. Uh, okay. Two frames on that one and two frames on that one, OK, and then this one can hold. So let's hold that for four. And let's go ahead. Now we've got a total of 34 frames just a little over a second long. Uh, for the animation was played at. Let's see how the timing looks. Okay, I think we need to have some more time holding on some of these. So let's double this. This one. Let's try this. So this is the stage where you can kind of finesse. How long's how long? Certain frames hold and you give you the anticipation. Um, and you know the cool thing about animators. It's very easy to just select this drawing and, you know, let's let's see, what I've done here is I've got long, short long on the I. Hold on, Let's just play it and let's see what that looks like. Still going kind of fast, Um, so let's hold this one the same amount. Let's go eight on that and let's see what that looks like. So before the how I actually want, I want this to hold even longer, so let's bring that out, too. Let's bring it up to 12 frames, which is half a second. And actually let's bring this up to 12 frames to on Let's drink that up to 12. So that's going to give us more time to look at things. So that's looking pretty good. Timing wise, when I think I might want to do, though, is changed. More timing. But you notice now that we've got 58 frames, I can't see all 58 frames. I have to scroll now, so there's a way so that we will show you the way to show your whole timeline as it gets bigger. Let's go out the window. We go back down the preferences here. The first thing is timeline. Horizontal zoom. So if we slide this you see now we can see we can go pretty small here. I just like to keep it or I can see the whole timeline. So I'm gonna drop it right about there. And there's some other things you can change here, the colors of your onion skinned forward and backwards and allow the forward button to add a drawing. If you wanted to work that way eso and then preview resolutions. So there's some things that you can change here within this preferences pain, but we don't really need it open all the time, So I'm gonna close it and let's play overtime. I kind of want to see maybe a little bit longer. Let's bring these from two to frame to three frames. We'll see what that looks like. And Okay, let's play that, okay? 8. Animate a Cycle: now, the next thing we want to show you is how to make a loop. But let's go ahead and zoom out on my timeline a little bit more here. Okay? So to make a loop, what I want to loop is I want the bubble coming out of the howl of the dog's mouth toe loop . So that's basically from here to here. So the way to make a loop or cycle sorry they call the cycle here is we're gonna select and frame, and then we're gonna click make cycle. You can see that it puts this green loop already here. So what you're seeing is basically the loop starts and ends and starts here. So this is our actual cycle, and we want this to cycle three times total. So right now. So the way to extend this is we come over to dry in duration, and right now it's at four frames. 1234 weeks. Keep adding to that 5678 and we go just you don't have to count because you'll see when the cycle ends and they're just ended here, and I went to over. So let's go back to And now we've got a full second cycle so that how will cycle twice if I play it, so it's couldn't play it. So we've got the look and then one how to house. Okay, but we want three house, so we just keep adding to that loop. So if it's at 20 frag frames, so it's that 25 frames, we could just make it 50. Double that. And boom, we've now got another full cycle and you can see it because of the green outline. If you didn't want that full cycle, you can cut that down. Where's my Let me zoom out a little bit. All right, on the timeline so you can see that it doesn't have a full cycle because I cut a few frames off as I pulling it back. But they're all just depends on the timing and where you want the animation to start, stop and then now keep going past 50. It's starting to start 1/3 cycle, but we just want to do to for out. So I'm gonna stop it right at 50 25 frames, 25 frames, 25 frames, and those are three. House 123 and you can see the green. Highlights are the cycles and the green with the blue or purple center. Highlight is the original drawings, so if I make a change to one of these drawings here, it's going to make the change to both of those cycles. But I don't know. I don't want to do that, but that's just how it works. 9. Fixing Your Drawings: I'm a little unhappy with the eyes on this frame and on this frame, so it's it. But instead of having to change it, 12 different drawings I just have to change this once because it's a one. It's one drawing holding for 12 frames, So let's go ahead and adjust that. So let me zoom in, Grab my eraser actually could probably just use my pen tool and let's just make him a little bit bigger and you can see it works for all 12 frames that's holding for and let's go ahead and change this as well. Just make those a little bit bigger and that zoom out and play the whole animation from the beginning, and that's it. 10. Saving Your Work: before I go too much further. I want to save the work that we've done. You can see right here this dot shows that we have not saved our work. So let's go ahead and go file and save. And we're going to give it a name. And I'm the car dog. Look, dog howl save to the desktop. Say okay. And then that dot goes away and we know we saved Don't work. So case there's a crash. We will hopefully have this backed up. 11. Adding Sound Effects: So the last thing they want to do is I want to add the sound effect of the how and at this point, sometimes I like to export the video to, um, final cut pro or video editor. But we're gonna try and add the audio into this actual file. So if you know the timing of your house are you can just come up here and import the audio . If you've got your audio pre prepared for the timing, you can open it and you can see that my house kind of sync up with the loose. So let's play that and see what we get 00 00 So the one thing about rough animator that I don't like with audio as you can I am shift the audio to sync up like you could in a video editor like final cut pro. So you may not want to put your audio in here. Um, and the other thing that I noticed is I can't You can remove the audio that we just added in, but we can't, um, record audio in the Mac version. You can, however, record audio straight into the iPad version of this app, and it seems to have all the same tools in the same layout. So if you're doing this program for this class and all you've got is the iPad in the version of Rough Animator, then you should be able to record your own audio right within the program. 12. Export Options: So now that we've got our audio in, I want to export this. And so we go file, we're gonna We've got three options for exporting. We can export to quick time video. We can export a PNG sequence, which is gonna be a bunch of individual frames, or we can export a gift and that's gonna loop without audio, I believe. But for what I want, I want to export a quick time video. So I click that and let's say it to the desktop. So let's go take a look. And here's our movie. Let's open it in quick time and give it a play 00 and at this point, I might consider looping it so we can go in quick time and just loop it 00 00 oh! So now we've created a approximately a five second animation with audio and did everything within rough animator. So the one last thing I might want to do for this project is add something to the background, and that background is like one long frame. So let's just grab our brush here and weakened raw in a little bit of background for the guy. So now that he's got a background we can go on export that again. And this time, let's export it as a gift and see what that does. And there's a gift, and you notice there's no audio, but it loops automatically, so that's what you get with the gift you get. The looped animation will just loop, and that's good for a website, and there's no audio. But that's a good good to know that rough animator will X export as that and then a PNG sequence. If you get a little more advanced, there's times when you want that and you'll know what those are ideally combining your animation drawings on top of video. That's that's one example when you can use the PNG sequence and it would export. Let's just do it. It exports out as a bunch of, uh, drawings, but I want to make sure that I export it into a folder. So let's make a fuller and just call this dog and create that, and then we'll save and you've got the option to include your Alfa Channel here if you want to. We say that and then what we should have when we go to our finder Underdog is we've got a bunch. Every signal frame is its own drawing. So you know there and it's just it looks like 111 drawings that we just exported. And then what you would do in your final cut pro or your video editors. You would import an image sequence, and that would import those single drawings in as an animation. But, uh, I don't need to do that today. We should be okay with just a quick time video export. So let's save our progress one more time. There's a lot more you can do with Rough Animator. I didn't get into all the tools, but this is a good project easy enough to get you started if you've never used the program before, and you can see some of it limitations and you could also see some of its abilities and strengths. And that'll do it for the dog hell animation using Rough Animator 13. Recap: congratulations on finishing this skill share class, but we're not done yet. Let's recap what we've just learned. We learned how to set up a new project in Rough Animator. We looked at an overview of the tool palettes and had to use the drawing tools. We learned the importance of doing rough animation first and why. Sometimes it could be helpful toe weight into your cleanup drawings until you start your animation, timing and cycles and why it is important to fix your drawings when needed. We also learned how to add sound effects and how to save your work. Finally, we explored the three different export options available in Rough Animator. Remember to post your work to the your project section of this class, I will do my best to check all of the projects that come through and give feedback. Please follow my profile here on skill share because I have plans to make a lot more animation classes and thank you for taking my skills. Your class today, I hope you learned something valuable. This has been Patrick Davidson, the expat animator. See you next time