Learning the Basics of 2D Animated Loops (Short class) | Valerie | Skillshare

Learning the Basics of 2D Animated Loops (Short class)

Valerie, director / animator / concept developer

Learning the Basics of 2D Animated Loops (Short class)

Valerie, director / animator / concept developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (24m)
    • 1. Introduction

    • 2. Loops

    • 3. Layers

    • 4. Animation

    • 5. First and Last Frames

    • 6. Continuity

    • 7. Assignment / Summary

    • 8. Short Animation (loop example)

  • --
  • 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

Loops are great for GIFS and Social Media, but also very useful when animating efficient shots for your film or commercial. In this class I'll explain which basic rules you have to keep in mind when animating a loop. And because I'm publishing this class in October, I'm using my eyeball breakfast animation as as example!

In this course you’ll learn:

  • Basics rules of animating a loop
  • Explanation of my layer set-up
  • Why loops are so useful!

This class is for: beginners (No prior knowledge is required.)

Watch time: 21 minutes

Assignment of this course: Animate a basic loop

Tools: There are no tools or software supplied with this course. It’s recommended to download a demo/ purchase the animation software to your preference, or use the tools you have; paper, scanner and editing software. During the course I’ll use digital drawn-2D animation for my explanations. The basics theory of frame for frame animation are the same regardless of the tools. I will talk about the software at times for those who are interested!

Meet Your Teacher

Teacher Profile Image


director / animator / concept developer


Oh! A visitor! Welcome to my Skillshare page! Please have a look around. Let me know if there's anything I can help you with!

I-uh, came here for the dog (actually I got lost while exploring and got distracted by the puppy because you know...puppies.) But you are...?

I'm Valerie! I'm a freelance animator, concept developer and director for animated films from Europe! I specialize in 2D animation and concept development, such as; storyboarding, script writing and character designing. I've worked on various projects, from indie films to commissioned projects.

Wow. That's a mouthful. So you're here to teach? (Also, can you tell me where the bathroom is? I don't want to be rude, but you know... nature calls and such.)

I do not know where the bathroom is. ... See full profile

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. Introduction: I Everyone, welcome to the new class. My name is Betty, and I am an animator director, concert developer from Europe who likes to create things with my classes. I would like to inspire you to also create things true animation because she can create anything with animation such as loops in this class. I would like to did you about loops and why they are so interesting. Because loops are very useful, you can use them on shows, media. You can use them in your presentation. You can use them in your films and your commercials to present something to your clients. You confuse loops for a lot of stuff. But if you haven't made lose before, you might wonder like Okay, well, I want to create one. But how do I do it in this class? I'm going to teach you about the basic rules animating a loop, explaining what my layer set up is within my file. In case you guys are interested in what my fault looks like and why loops are so used. What we kind of already went through that this introduction. But I'm gonna elaborate a little bit more on that in this class. I think this subject is finding a short class, so it's a short class to do that. If you have a little bit of time, hang out with me. Loop the loop. Who is this glass for? I made it very basic. So if you have no experience yet with loops, I'm gonna explain it all. So I'm gonna explain why and what you have to think about when creating loops. So it is for beginners. But if you want to refresh your mind, this is also a class that will help you invest your talks and how to do it again, in case you forgot about it just fine. I also forget a lot of things anyway, about the tools I'm using a digital animation program to explain the animation I'm using my eyeball animation, which is looked surprised for this explanation because I thought, you know, it's October is a great way to use that. So I'm I gotta use a digital animation as an example. But of course, you can create an animation in anything if you want to do it by hand. That's fine. Are the tools are up to you? Use whatever you feel comfortable that if you want to use charcoal if you want to use paint if you want to use a three D software old flying because the basic rules are the same for creating. However, since I'm using two D, I'm mentioning this as a to the animated. I think we're pretty much ready to start this class. Oh, before I forget, Don't forget to follow me on skill share Hit my little profile page They're like little dog Oh, click on, lad. Follow me if you want to stay up to date with future classes and you can leave questions if you want After following my class will happily answer them and check them out. See, however, I could help you. And if you create your information, please don't hesitate to share because I would love to check them out. Yeah, because innovation school. Well, I went. I would be one of those teachers rolled through the singer so lean, but I would think you know what's really cool. This intros very long, but my class is very short. Let's start this class and I hope you'll join me. Maybe you're one of those students. It doesn't want to hang out with very cool teacher. That's okay. That's perfectly fine. You're free to follow whichever class you want because it's a skill share. You're not required to follow the class that is presented to you in this video. But if you do, that would be great. Okay, let's go. Let's go do this. 2. Loops: Mm, Hi, everyone. Welcome to a new skill share video in this video. I would like to teach you about loops, and I think this animation, because I'm posting this in October. And of course, that's the spooky season. And this is the animation that I made a while ago. But I thought, You know what? It's a loop, and it suits the season perfectly. So what is a loop? A Loop is a movement on this case, an animation that keeps repeating itself over and over again without really noticing that it loops. So in this case, it's the girl eating the eyeballs, and she just keeps eating. It keeps eating it. It doesn't really show that it's what before we all know that it's a loop, but it doesn't change her movement. Her movement just keeps repeating and repeating itself, and that's a great way in animation to get a movement across. Sometimes you want character to make a movement, for example, walking cycle, and it's easier to make a looping walking cycle than animating each step over and over again. Of course, it depends on the scene. If you have a perspective seen in the perspective, changes when a character turns around the corner off course, you have to animate that movement because different from its previous movement. But if you can make it a loop, it's more effective to get the idea across. It's less work, so there is a certain degree off efficiency within creating loops, and it's a great way to make things a bit more effective, animation wise. 3. Layers: Let's go back to this animation. I'm going to show you my work foul and let's go through that. So I'm going to grab my layers over here. Give me a minute. So over here, you can see my layers. Let me move this up. So I'm gonna explain all of them. So let's go over the layers. I'm just gonna go over it quickly. I'm going to show you the effects it has when I turn a layer off. So we have the animation right here. This is shading and the texture layer. You can do the textures and shading in after effects or any program that creates under effects. But sometimes it's a little bit easier for me just to do it within the animation program itself. Oh, if you have missed which program I'm using, I'm using TV paint, which is a digital to the animation program, is really great for frame for frame work. So let's continue with the layers. Here we have the shading off the face, shading off the character and the objects theme arm. So this isn't very useful within loops. The characters body doesn't change. The only thing that moves in this particular animation is her face and her arm. I put the line art off the arm in a separate layer while everything else stays the same. So you can see here. This is the base layer of the face and the body. This is a color layer. Um, this is the line art of the background items. These are items that are not going to change to apple to fork, etcetera. They're just steady there. Um, Miss c. So here we have armed color of the arm, the table color and the background layer. It's the background layer. And then we have here the sketch that I use for my layout. So, yeah, that's another few off my layers. Let me turn back. Oh, actually, let me keep the background layer off and just stick with Let me go. Let's stick with the Leinart for a moment just to go through a little lines. All right, so here we have the animation with just the lines. Excuse me. You can hear my mouth's rulings, Curly. So here we have this, she puts it. Hey, view, reverse the animation. You concealing? I don't like this. I long gonna put it back where it belongs. 4. Animation: so we have the facial innovation. So how I animated this is that I actually remove some of the lines of the face. And then I animated to face chewing. I'm not gonna animated right here, but here's a good example of what you can see. Here's the face. It's in a separate lier like it's really show you how it's animated. The utter you out of parts of her face like the eyes and ears. They don't move in this shot. So that's a good example, showing you how that is animated. Let me go to the arm, Lee. Just probably most interesting for you guys to shoe, right? It is this one, right? Let me do like this. This is a bit easier. So when creating a loop, it's very important that the first frame follows up to the last frame. So the first frame in this case is this thistles. The first frame. This is her face, like a little chubby cheeks and her hand in this position with the spoon inside the bowl. On. If we go to the last frame over here, you can see it's the same position, and the chewing movement continues, so this frame Mech cious with the first train. So again, this is the last frame on me Scooch my layers over here so you can actually see how I'm going through my false. So this is the time line at the bottom. Over here, you can see the frames. So this is the last frame off my animation, right, And this is the first frame off my animation. So the first frame matches the last frame. The arms in the same position is the first rain as it is in the last frame to make sure that the movements fit and how you create a loop is to keep an eye on the first streams. So the character is doing an activity, whichever you wanted to do, and then it always ends up back at the first frame. It's very important when creating a loop that you know what the first frame is like. And a great way to keep an eye on that is through your life table, the shortest sober year. So if you want to see what happened in the previous frames, you could turn on your light table and see the other frames that you've drawn before. So if I turn this one on, it shows the movement over here. You can see this looks a bit funny, but I turned off all the previous range until five frames. And then you can see what you drew in the P fears frame. And by turning on your light table, you know which frame came before the next one. So you can use the light table to see which frame came before it and after it. So here we have the last frame again. You can see it. The previous frame is this post the first rain. Is this post over here? So it's where you can see the movement, how it matches up. And of course, if this is your first time creating loops, you wondering Well, how do I know too much things up? You know that the first frame is this movement. I'm gonna turn on my light table just to make a big clear on the screen. So you know, this is your This is your movement. This is the first frame that you drew. This is it. You know that you wanted to continue moving a, uh, desiccated chewing movement. So she stops eating, and then she puts another one in, and then she keep chewing again. So we know that the first frame is chubby cheeks. She's in the middle of eating something, and with the last frame you wanted to fit the first train. So you know that you should endure last frame with This is the last frame this frame 41 41 . So you know that the last frame should match up with the first frame, so she should be in the middle of eating. She has something in her mouth, so the chubby nous is already there. That's the type of frame you need to end on and to make it fit your basically the same as animating the movement in between. So you know that you want to have a chewing movement. You just continue animating it. But you just have to make sure that aside from matching the frame to the frame before it, you also have to match it to the frame in front of it. That's important with loops. We're just continuing the animation, but it has to match the 1st 1 and there's something to keep in mind when animating because if it does not match up. If you're last frame does not match up with your first frame, then you're gonna have a jumping sequence. If it is a loop that you're creating, it's not a loop that you're creating minutes, of course. Fine. Maybe characters moving from left to right. Of course, the last frame is that character, that right? And then it's gonna jump back to the left if it played again. But if you want to continue to say movement, then you have to make sure that it matches up again. I know I keep repeating myself, but that's how it goes with loops. I hope you I understand the idea off how to create loops. As in, you have to match up the frames as you draw them across and in between. Of course, this is a very steady loop. The character doesn't move much. She just sits there on the table, so there's not a whole lot going on in that sense, right. But you just stay someone spot. So the only thing that I have to keep in mind is the arm and her face have to match up to the frames 5. First and Last Frames: if your character is moving a lot, for example, your characters dancing anyone to have the dancing movement. Then you have to make sure, of course, that the position of your character goes back to the first position. So if your character is just gonna drop in this frame the way I'm like Wait, I'm gonna create another filed for a moment. All right. So I created a new campus over here. If your character is over here, right, this is your character is dancing cat and this is the first position you're dancing. Cat is in arms spread wide feet are wide. Two over here. It's very happy. It's very wonky looking as well. So this is your first position. And then the character What trolls around dances. You animate everything in between. Thing is the back of his head. Ah, beautiful cat. I know these quiches air just amazing. So you have the character jumping from this side and then over here the cat is very happy. It's serenading somebody else. We expressing elicits motion over here the expressing all his deepest emotions through movement. So the character this is, for example, this cannot be your last frame it is a movement. You can say that this is the movement. He moves from this spot to this spot. But if you wanted to loop, he has to go back to this spot. I don't know. My dog is having hiccups in the background. And should you hear that, I think she's might be barking and sleeps sleeping, barking dogs aside. So this cannot be your last frame. Your frame. This frame has to go back to disposition because you want to create a loop. The cat keeps dancing in circles, so you have to movement that it is dancing from left to right. But then it also has to go back. Now, My, my advice would be not to reverse the frames on this. Of course, it's what you want again, but I would change. Maybe the cat has a different post going this way again like a different dancing moves and it jumps. It jumps and goes back into disposition. So you always have to make sure that your last frame goes back to this ring. Your last frame always has to match up to your first frame. It has to be in the moment of the movement going back to the first frame in order to perfectly well in order not to notice any jumps or glitches. Well, I wouldn't call him glitches, but I would. Let's stick to jumps, right? It's gonna jump from if this is your last frame that is going to jump back through this frame if you don't make it look. So I hope I was able to explain it with this little sketch. 6. Continuity: So let's go back to the ideal animation. Gonna turn on my the years again, Some of them and I can slowly show you how is done. So you have a chewing animation. She blinks, she goes sound. Witherspoon wraps an eyeball, its it choose and goes back into the resting position of the arm. So the reason in animation? Well, I think these days animated really paid attention to it. The reason why the eyeballs don't shrink is because for looping is gonna look funny. If you know, let's say she grabs this eyeball. She grabs Knievel. I'm in a layered. It doesn't show up. It's going this person. Let's say she grabs his eyeball and she could have taken on a spoon and eat it if you loop it, then that eyeballs gone butt's gonna be back if it goes back to the first frame, which is why she grabs an eyeball from behind so that the piles eyeballs doesn't change in order to make sure that the first and last frame match up or else again, the eyeballs gonna disappear. And it's not going to come back until you go back to the first frame because then it's off course. The eyeball is in the first frame, and if she gets it is gonna, you know, disappear. So it looks it. You have to keep those things in mind. Of course, it's a good look. Fantastic issue grabbed the eyeball. Is it because a little more realistic? But if you're creating a loop, you have to think about Is this effective for what I want? Is it necessary for what I want on? And in this case, because it's a looping animation, I decided not to let her put the eyeball on her spoon because it will make a jump in the animation because of the disappearing eyeball. All right, so I think that explained to the loops For now, the movement depends on what you want to animate. Of course, you're free to do whatever you like. 7. Assignment / Summary: If you want to practice animating loops, my assignment for you guys would be to try and create one. But keep it simple, especially if you're new to loops. Keep it simple. Don't do the dancing cat moving from left to right because that's going to be a little bit more tricky. Make it simple, like similar to the eating animation. Have a character blink. Have a character leak an ice cream cone. Have a character pick their nose. Something simple. Ah, movement that doesn't require the character to change position but just allows you to focus on one single movement that keeps repeating itself and doesn't jump because it's a loop. So for this assignment, if you like to practice your animation skills, create a character. It does. A very simple movement keeps repeating itself, and it's a loop that makes sense. And, of course, if you guys curator loop, I would love to see it. Don't forget to share it on skill share. I did this class in one go. If you guys are interested, of course, I can continue on the subject. Let me know if you have any questions about it, and I will do my best to cover it in a future video. Thank you guys very much Watching. Have a great time animating. Very important. Have fun while you do it. And I'm very curious to see what you come up with again. Big? Yes, very much watching. Have a great day and I'll see you next time. Bye. 8. Short Animation (loop example):