Beginners Guide to Animating in Adobe After Effects | Elizabeth Ann | Skillshare
Search

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Guide de l'animation des GIFS pour débutants

teacher avatar Elizabeth Ann, Digital Artist

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction au cours

      0:31

    • 2.

      PROJET DE CLASSE

      0:18

    • 3.

      Interface Adobe After Effects

      3:38

    • 4.

      Créer un personnage partie 1

      9:05

    • 5.

      Créer un personnage partie 2

      4:11

    • 6.

      Créer un personnage partie 3

      13:53

    • 7.

      Animer des hanches et des jambes

      9:28

    • 8.

      Animer des bras

      14:53

    • 9.

      Animer des chemins de la courde

      10:34

    • 10.

      Animer la tête et les yeux

      19:36

    • 11.

      Exporter en tant que GIF

      2:53

    • 12.

      Merci

      0:27

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

52

apprenants

--

About This Class

*Les fichiers de ce cours peuvent être téléchargés dans la section Projet et ressources de ressources.

Dans ce cours, nous utiliserons Adobe After Effects pour créer et animer un personnage de danse simple. Lorsque l'animation est terminée, nous passerons à Adobe Photoshop pour créer un GIF de boucle. Ce cours s'adresse à tous qui souhaitent apprendre quelques animations de base de l'animation et de données clés dans Adobe After Effects. Ce cours ne nécessite pas de experience,

Dans ce cours, nous allons utiliser et apprendre :

  • Interface Adobe After Effects
  • Raccourcis de clavier
  • Importer des fichiers
  • Créer des calques de forme
  • Points de ancrage
  • Outil Plume
  • Chemins
  • Paths de couture
  • Cadrage de clés
  • Transformer
  • Animer des chemins
  • Facilité de base
  • Ce que nous allons créer dans ce cours :

Rencontrez votre enseignant·e

Teacher Profile Image

Elizabeth Ann

Digital Artist

Enseignant·e
Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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.

Transcripts

1. Class Introduction: Hi everyone. My name is Elizabeth and I'm a digital artist that specializes in Adobe Photoshop, adobe Illustrator, and Adobe After Effects. In this class, we'll be creating a looping GIF that dances. First, we will start off by creating a character in Adobe After Effects. Then we will learn how to parent layers and animate those layers to create a dance sequence. Lastly, we'll often in Adobe Photoshop to create a looping GIF. This class is for any experienced level, as I will be walking you through step-by-step and explaining everything that we do. So let's jump on in After Effects and get started. 2. Class Project: The project in this course is to create your own character and animate it using the skills that you learned in this class, you can follow along step-by-step and use the assets provided to you in this class. Or you can create something original and unique. Make sure you share your project and project section of this class. And I can't wait to see what you come up with. 3. Adobe After Effects Interface: So to get things started, we are going to do a quick walk-through of the interface of After Effects. After Effects is divided up into different sections called panels. And when a panel is active, you'll see this blue stroke around the box. Make sure that when you're doing keyboard shortcuts that the correct panel is active. So when you copy and paste something, it's going in the right section. To the left we have the project panel. This is where your assets that are created or imported will be. Also where you control your effects. To the right of that, you have your composition panel. This is where you're going to view your composition or your video. Below that, this is your layers and timeline panel. Your layers are going to be stacked over here. And to the right of that, you're going to have your timeline. This is where you're going to scrub through your video. Also where we were going to be keyframing and parenting layers to the right of your composition panel. This is going to be your effects panel. This is where you're going to view information about your composition. You can add effects to your Layers. This is also where you can alter text. Along the top, the interface is where your tools are going to be. We'll go through these as we use them in the class. So to start off, we need to make a new composition. So let's click New Composition. And we're not going to name our composition. I'm going to name mine dance. So we're going to make this differ. Instagram and the best aspect ratio for Instagram is 1080 by 1080. So unclick the lock aspect ratio. And then we're going to change the width to 1080 and your height to be 10, eight as well. Let's change the frame rate to 30 per second. And then let's change our duration to start off with about three seconds. And we can always change that later on. You can keep the color black for now because we're going to add our own solid color layer later on. Click Okay. And we have our composition started. Okay, if you go to the Project panel and you click on project, you'll see that you have your new composition here, okay, along the top, you'll see that you have that selected as well. And that's what we're going to be working in. In the project and resource section of the course, I've provided a few assets that we can use in this JIF. It's just a face and some shoes. And we'll be creating the rest in this class. So I'm going to go ahead and import those right now. So let's click on our projects panel. Hit command I to import. And what you're gonna do is you're going to locate those assets and your computer. And when you're importing this into After Effects, make sure that you change import as composition, retain layer sizes. Okay, and then hit Open. And you'll see that we have new things in our Projects panel. So if you click the down arrow, all these assets are created in Adobe Illustrator and they're coming in as different layers. So that we can manipulate these individually. And we're going to create the body, the legs, the arms, and the hands. And the next section. 4. Creating Character Part One: All right, In this section of the course, we're going to be creating our character. I have provided a head of face and some shoes just as speeds, some things along. We're going to create a very simple character. And we're going to create the body of the legs and the arms together in After Effects. If you want to create your own face and head and shoes, feel free to do that. I'm just providing you a few assets. So this section can move along a little bit quicker. So once we've imported our assets into After Effects by hitting Command I, finding those on your computer and making sure that you import them as composition retain layer sizes. You will see these new files in your project panel over here. So we're gonna take all these Illustrator files and we're going to select them all by clicking on the top one, holding down Shift and clicking on the bottom one. And we're just going to drag those to our composition panel. And you'll see that it creates layers in your layer panel for you as well. When you import Adobe Illustrator files into after-effects, they come in as vectors. And we want these to be Shape layers so that we can manipulate them. So you want to change these vectors into shape layers. So to do this, make sure you have them all selected. And they're not just click on the top one. Hold down, shift, click on the bottom one. Right-click, go to Create. And I'll say Create Shapes from Vector Layers. Click on that. And you'll see the after-effects automatically turned your vectors into shapes, the ones with the star by it is going to be your shape layer. And we don't need the other ones anymore so we can go through our layer panel and delete them. So click on everyone that has in Adobe Illustrator icon and delete it. Click and delete all of the Adobe Illustrator ones, not the shape layers. So you should be left with 123456 layers. And they all have stars by them. So we need to arrange these so that they're the right proportions. We're going to resize these equally in Adobe Illustrator, their proportions are set. So if we resize these equally in Adobe After Effects, it should fit perfectly when you set the position them in the right place. So we're gonna go through each layer. Let's click on the top one, click on the bottom one holding down Shift and hit S on your keyboard. This is going to bring up your scale for all of these layers. Click on the scale, click on one of these numbers, 25, and then hit Enter. And because they're all selected, they're all going to go to 25 percent. And because they're all linked, as you see here, this is length, that they're going to be proportioned uniformly. So they've all been brought down to 25 percent now when we just have to do the positioning for each of them. So hit S on your keyboard again, and that'll clear the scale part. So we need to bring our head layer all the way down to the bottom because our facial features need to be shown above the head. So we're going to click on our head layer and drag it all the way down to the bottom. Okay? As you can see, we can't really see on heart composition because it's so far away. A way to zoom in is you can scroll up and down on your mouse. If you have a scroll on your mouse, if you don't, you go right here towards this 50 percent and choose one of these to zoom in or zoom out. Or on your keyboard, you can hit hold down control or command and hit the plus button to go in. Controller command, hit the minus button to go out. So the next thing we're gonna do is we're going to put our characters face into place. So let's take our head layer and move it to somewhat of the top and center of our composition. All right? And now you can see when I scroll in that the top of the composition is disappeared. And we can't see unless we scroll back out. If you want to be zoomed in and see the head, hold down your space bar and click and drag on your composition panel and you can move it around so you can see it. Let's zoom out a little bit and let's place the eyebrows next. So go to your layers panel, click on the Browse layer. And you can either move these in your composition panel or you can go to your layers panel, hit P on the keyboard. That'll bring up your position. And you can scroll, click and scroll to move these up and down or left and right. So I'm just going to zoom in and I'm going to put them where I think eyebrows belong. Somewhat centered on the nose that's already part of the face. All right, that's good. Now let's go ahead and lock this layer so that it stays in place. And let's find the eyes quickly layer that says eyes hit the P on keyboard to bring up the position. And let's bring it up into place. Let's move it over here. Somewhat centered again, under the eyebrows. Woo to the right a tiny bit. That looks good. Now let's lock your eyes layer as well so it doesn't move. Scroll back out. And let's find the mouth layer. Find the mouth layer. Click P on your keyboard to bring up the position. Click and drag on the numbers just to bring it up. And then let's drag it into place as well. And we have the face. Isn't that adorable? Now let's lock our mouth layer as well so it doesn't move. And the last thing we need to do is put the ears in position. So click on the ears and hit P on your keyboard and scroll them up. And you'll see that these, when they're put into place, they cover the hair, which is not how we want it to look. So we're going to take this layer and we're going to drag it below the head layer so that it looks better. All right, and you can also see that the color on the inner ears don't match. This one's yellow and this one's orangeish. So we want to change this one to match this one. So to do that, we're going to go into our ears layer. And we're going to click the arrow to show its contents and then click on the contents. Now you see all these groups. All of these different strokes and fills are the groups. Okay? So we're going to click on this one, and that's a group number 4. So if we click the down arrow and click on the fill, you'll see the color here that you can change. Click on this Eyedropper, go over to the ear that we want the color to be and click on it. And now they match. And now we can lock the ears layer as well. All right, our head is in place. We want all of these features to follow along with the head when the head moves. So what we can do is we can parent those features to the head. So what we're gonna do is we're going to unlock all our layers. So click on the locks or you can just click and drag down or up and it'll unlock all of them. So we want to parents and the eyebrows, the eyes and the mouth to the head, and the ears to the head. So we're going to select the brows and hold down command or control. Select the eyes, the eyebrows, the mouth, and the ears. And you'll see this little spiral here. This is called the pick whip. And what this does, it allows you to parent these layers to another layer. And if you don't want parenting is it is basically connecting a layer to another. So by parenting the eyes and eyebrows to the head, those become the child of the parent, which is the actual head. So I parenting the facial features to the head, those facial features will become the child of the parent and the children will follow the parent layer wherever it goes. So when we move the head, all the other child nodes will follow that head. So we're going to just have these selected, select one of those equips and drag that line to the head layer. And you'll see over here if you have this up, that these are all connected to the head layer. And if we go to the head layer and we move it, all of those, come with it, which is perfect. Don't forget to save your work while you're going along. Just hit command S and save it for you. Now the shoes, we're going to move the shoes just down into place over here. And we will get back to those later. 5. Creating Character Part Two: So the next thing we need to do is create a body. We're going to create a character that has very little detail and its body and arms, just so that it's easier to animate and we get a reasonably get a feel for how keyframes work. So to make a body, we're going to use the pen tool instead of using a shape because I want to have, I wanted to have the body may curves when he's dancing. So we need to make a t-shirt for our character. And to do this, we're going to utilize our pen tool. So go up to the menu bar or the toolbar and grab your pen tool or hit G on your keyboard. Now we need to change the fill to no fill. So hit the fill word and then hit the white rectangle with a red line through it. That's going to be no fill and then hit Okay. And then the stroke is going to be whatever color you want your t-shirt to be. I want my teacher to be, to be, hello My teacher to be a dark, a bright blue. It okay? And then the width of the stroke we will adjust once we have it on the composition panel. So click on where the neck would be. Hold down, shift to click a straight line, and then click again. And now we have a path. So I think this width is okay for right now. But let's go down to our Layers panel. Click on that shape layer that we just created, hit Enter and then type in shirt. Click off. Now this shirt needs to be below the head. So we're going to click and drag it below the head. All right, and now we have a shirt. So the next thing we wanna do is create some arms. And we're going to do the same way we did with the t-shirt. So let's make sure we don't have a layer selected and our payment is click off of it. And we're going to select a skin color that is the same color as his face. So click on your stroke. Go to the eyedropper, click the eyedropper and then just click on his face, and that will select the color of his face for you. Okay, Click Okay. Now go to the composition panel and click just like we did with the shirt. And then hold down shift and click again. And now we have an arm. For that arm is way too big. So let's bring this number down to, Let's just say 50 for right now. And we'll fix that later if we need to. Get, Let's go to our layers panel and click on that new shape layer. Hit Enter. And we're going to call this right arm because it is his right arm. And it'll be on our left side though. So that might be a little confusing. So in renamed however, is best for you. And you can see that this has a very flat ending to it. We want that to be rounded off pay. So how we do that is we go to our right arm layer, click on the arrow to show all the options. Goes to the shape one. And let's rename this shape 1. Hit Enter and we're going to rename this the arm, because we're going to add a sleeve to this in a second. But click on the arm and go to the stroke section. Click that down. And where it says Line Cap, we're going to change that to rounded. And you'll see that it gives us a rounded edges on both sides. Alright, I'm gonna move this over a tiny bit. Oops. Just hit P on here and I'm going to move it down a little bit to about right there. 6. Creating Character Part Three: All right, so now we need to create the sleeve for the arm and we can do this pretty easily. But before I do that, I want to change the anchor point for the arm because I want the arm to swing from here, not from here. So you'll notice if we go to rotation and we swing, it's not swinging from where the shoulder would be. So we're going to take this anchor point. We're going to go up here to this little dotted box, that is to move your anchor point. So does go over your anchor point and move it to where the shoulder would be. Now if you go back to your right arm layer and rotate it, you'll see that it's rotating in the right area. It's actually a little bit obstacle. So let's move it. The shoulder would be and that looks better. Okay, Now we're going to create the sleeve. So to do this, we are going to go into our right arm contents. And where it says arm in the groups, this is a group. So under the contents is where your groups are. And we have renamed ours arm. We're going to duplicate this and we're going to create our sleeve out of it. So click on your arm group, not the arm layer, the armed group and hit Command or Control D to duplicate it. So let's click on that and hit Enter, and we're going to rename this sleep. All right. Now let's go into our sleep contents and we need to change the color of this because we want the color of our sleeve to be the same as our t-shirt. So go to Stroke, hit this eyedropper again and click on the T-shirt. And now we've changed it. But you can see the sleeve is covering the entire arm, which is not what we want. And we also don't want to sleep to have this rounded cap. We wanted to have that flat cap that we had before. So we're going to go back to our Layers panel. We bring this up so it's easier for you to see. Go back to our layers panel and under the sleep group, go to the line cap and change it back to buck cap. Now we have these straight ends, but we want our sleeves to be shorter. So to do this, we can add a trim path to this group. So go to this little Add and click the button next to it. And down here where it says Trim Paths, click on trim paths. And it's going to add that to your sleep group. Let's open that up. And here is where you can make it shorter or longer. So this is the end and this is the start. So we want to make the end come up here to where a short sleeve shirt would be. So let's bring this to say about there. Okay? And another thing we wanna do is we want to parent the path, the sleeve path to our arm path. Because we don't want to be making keyframes for the arm and the sleeve when they're supposed to be just one group. Okay? And we can do that very easily. We're going to parent this similar to how we did with the face, is a little bit different. So we're going to open the paths sections for our arm and our sleeve. And the pick whip is here, but we need to do something a little bit different. Go to the stopwatch and hit Alt or Option, and then click on it. And you'll see an expression comes up. We don't need to write an expression for this because we're just going to pick whip this path to the path on the arm. And then I'll write the expression for us. So now when we rotate the arm, Let's hit R. You'll see that the sleeve comes along with it. Okay, we need to fix one more thing. You can see that this shoulder is popping out and the sleeve isn't come all the way up. We can fix that by duplicating the sleeve. So let's go to arm and let's open up the sleep group. I'm sorry. Let's just duplicate the sleeve group. Click on sleep, hit Command or Control D, C sleeve to, let's hit enter and we'll just type upper sleeve so we don't get them confused. Now all we have to do is change the stroke cap to round it. And you'll see it does this. But you also see that it rounds the bottom part that we don't want it to be rounded, want that to be flat. So we're just going to trim the path up like we did with the other one so that we see the lower one that is a square and not the rounded one. So you see we make this longer, it goes all the way down. But if we bring it up so that it's up here and it's not showing pass the initial sleeve. So drag your end up. So until that this becomes straight. And because we duplicated this leaf layer, all the characteristics are going to apply to the upper sleeve as well. So we don't need to parent that to the arm because it's already parented. So if we go to this right arm layer and we hit R to bring up our rotation. You'll see that everything rotates beautifully. Let's undo that and don't forget to save your work again. So because we have one arm, we have two arms because we can just duplicate that and move it on over to the other side. Let's click on our right arm, hit Command or Control D to duplicate it. Click on the layer, hit Enter, and we're going to call this the left arm. Now. Hit that and then hit P on your keyboard. And let's slide it on over to this side. And then let's hit R on our keyboard during rotation. And then we're just going to rotate it a 180 degrees and then bring up P again. And we're just going to bring it down so that it's even with the other one. And now you can see the anchor point is moved a little bit because it's on this arm. So we want to make this anchor point to where the shoulder would be up here. So either select your anchor point here or you can just hit a on your keyboard. But this is easiest way by just dragging. Here. You can see that this arm is covering part of his face. So we're going to take both of these arm layers and we're going to drag them below the head, but not below the shirt. Okay. So now we have two arms and head are hands a little off-center. Let's move it over a tiny bit. That looks better. Okay, Don't forget to save your work. And we're going to create pants pretty much the same exact way. We're just going to create a path using the pen tool. But let me turn off my background like this just so I can see a little better. Rid of my shoes go. I lost my shoes. All right. Fixed that in a little bit. So we're just gonna make some pants. So let's go to our Pen tool. Make sure no layer selected. Go to your Pen tool. And I'm going to make my pants black, maybe. Like a gray. None of those. All right. We're just going to click like we did before. So click up here, hold down, shift, click down here. And we have some lengths. They're in the wrong spot. But we'll fix that. So click on your shape layer that you just made. Hit Enter. And let's name it, right leg. All right. Let's hit P on our keyboard with that selected and let's move it over a little bit. That's good. And you know what I didn't do, I forgot to create some hips. So we can do that just how we did with a t-shirt by creating a trim path with rounded but on it. So let's go back to our T-shirt layer. Let's bring out the contents of it. And this shape layer is going to be the shirt. So let's just click on that and type in shirt so that we don't get confused. Now let's duplicate that group, not the layer just could duplicate the group. It Command or Control D. Click on that again and let's name this hips. Swivel that open. And in the stroke, we're going to change the color to the color of this leg. We're going to change the line cap to round it. And then we're going to add a trim path like we did with the shirts. So click on Add Trim Paths. And let's bring it down a little bit by opening that up. And, oops, I'm sorry. We're going to bring the start, starts up here. We're going to bring it down to right about here. Alright, now that we have hips created, you can see that there's this circle up here that we don't really want. We want the bottom of the t-shirt to be showing easy fix. All you have to do is take the shirt and drag it above the hips and a go. Now, let's bring our leg back and we can start moving that around to make some legs take Let's change the position of it. So it's right about here. Again, we're making a very, very simple character. All right, Let's duplicate this leg and we'll call it left leg. Let's hit P on the keyboard and slide it over to the other side. And the right leg. Lining it up a little bit better. That looks good for now, I might want to make these a little bit longer, since arms are longer than its legs. So just click and drag. This one as well. Click and drag. Don't hold down shift because they're gonna get changed uniformly and we don't want that. All right? Again, we're just making a very basic character. Okay. Let me select this head and scale that down because his head is just too big for this body. That's a little bit better. Arms bring those in a little bit. Just so so long. Okay. So I lost my shoes before, so I need to bring them back in and drag this over. We're going to convert this to a shape layer, like we did everything else, and delete the initial shoe layer. And let's bring this down to 25 percent scale. Okay, and then let's move our shoes in place. Hopefully that works. I actually want to separate the shoes. So what I'm gonna do is go into my shoe layer. And I'm going to, There's two different groups pursue. So let's highlight group one and group two. That's all the groups for this shoe. We're going to right-click on the groups and we're going to group them into one group. Okay? Now we're going to take these other groups and we're just going to delete them because we're going to make different to different layers for our shoes so that we can manipulate them independently. So let's rename this shoe layer two, right shoe. And then we're going to duplicate this layer. So click on the shoe a command or control D. We're going over this way and you can see that it's facing the wrong way. Now an easy way to just flip this over is hold us, hold down that middle button on the left and just drag over and it'll flip. Make sure they're about the same size. All right. Let's rename this layer to left shoe. So we don't get confused. Let's check out the scale on these. Even. All right, we have a character, a very, very basic character. Let's take all of our layers and collapse them. And let's make a simple background for this layer. So we're just going to add a solid layer. Go to New, go to layer, go to Layer, go to New, click solid, and then pick a color that you want in your background. I'm just going to pick white for right now. And then we're going to drag it below. All right. 7. Animating Hips and Legs: So the next thing we're gonna do is we are going to animate our character. I'm going to animate my character doing a dance. He will be flossing, I believe is when it's called. A great way to time out your animations is to do the action yourself or to find a video of someone doing the action that you want to animate. I found a couple of videos online that people dancing and you can do the same. You can go on YouTube and bites a href reference videos, or you can find some images online. Our animation is going to be pretty simple. We're basically going to be animating the legs, the hips, and the arms. And then we're going to be doing a little tweaking in between. So we're going to do pose by pose animation instead of frame by frame. We're going to set out each pose first. And then after we have those keyframes, we're going to go back and do in-between poses to tweak it out and make it smoother. This animation is gonna be pretty simple because there aren't a lot of moving parts. The legs are stationary in this dance. And so as the head, pretty much the body and the hips Woodside to side with a little bend to them and the arm swing from side to side in front and behind the body, which is going to be the most difficult part of this animation. But it's not really that difficult. We will set out our main poses and then animate the in-between poses to smooth out the animation. This allows you to plan the entire animation out and know where it's going to start and end. So to start, we'll keyframe the beginning and the end poses because this is a loop that will be the same. So let's jump into After Effects and get started. The first thing that we're going to key frame is the shirt layer. So I'm going to hide some of my layers. So it's easier for me to keyframe and I'm going to lock some of them as well. I have the shoes locked, I have the head and all the facial features locked. I'm going to lock the ears and the background as well. All right, and as you can see, our animation is three seconds long and we're going to keep it that long just for now. We will clip it at the end. Once we know how long our animation is going to be, Let's go to your shirt layer. Let's click on actually, let's hide some layers. First, this little dot column here is where you can isolate layers. So if you click on it, it's just going to show that layer. So we only want to see the background right now and the shirt. And that's it for right now. The first thing we're going to animate is the rotation of the shirt, the legs, and the arms. And then we will go back and animate the paths afterwards. So let's click on our shirt and put the first thing we need to do is make sure that our anchor point is in the right spot. I have the anchor point up by where the neck would be, which is right where we wanted. If you need to move your anchor point and go back up to your toolbar at the top. Click on the dotted square, which is the anchor point. Moving. Grab your anchor point and make sure you move it to the top and the middle so that it's rotating from that point. If you bring up your rotation on the shirt, you can see that it's rotating from the top where the neck would be. Let's undo that. Let's go to the beginning of our timeline. And we're going to start by swinging the hips a little bit. I'm going to go about 17 degrees. And we're going to keyframe that. And to start, we're going to do 10 frames in between each pose, and then we'll figure out the timing after everything is key framed. So let's go 10 frames forward. You can do that by dragging your playhead. Or you can hold Shift and hit Page Down and that will get you to go 10 frames forward. And if you go shifted page up, that'll bring you back 10 frames. So shift and Page Down to go 10 frames forward, or you can drag it forward. Now Let's go 17 degrees in the opposite direction. So drag it back this way to 17 degrees. And it's going to automatically have a keyframe. If it doesn't, just click on this little dot right here, and I'll make a keyframe for you. I need to go back because I did it. All right, so 17 degrees. Now, because we have these two already he framed and this is the only action that the hips do is they go back and forth. We can just copy these keyframes and paste them. So let's go. Let's select our keyframes and you can either drag out a selection box or you can click on one shift, click on the other one, hit Command or Control C. And then we're going to go forward to frame 20 and command or control V. All right, so back and forth I go perfect. And we're gonna do this a few more times. Every Let's go to frame 40, or it's going to be the 10 frame after the 1 second mark and paste. And then go to the 2 second mark and paste again. And I think that's all we're going to need for right now. So now if you play this, you'll see that our hips are swinging back and forth. Looks a little rough, but don't worry, we're going to smooth it out once we have everything animated. Alright, now that we have that, let's go to our legs. Really sorry guys, I'm adding this after I've already edited this video, I forgot to tell you to move your anchor point for the legs. So find your legs. And let's reveal them by clicking the dot by the layers. All right, well, let's actually show the shoes as well, just so we can see it. Right. Then I'll bring this up a little bit. Let's go back to the beginning of our timeline. All right, and then let's bring up the rotation for our legs. Click on each leg layer and hit R. And that will bring up your rotation. Okay, let's hit keyframes for each of them as well. So hit the stopwatch by each rotation. And then let's rotate each leg to where we want it to be for this portion. Okay. I know this looks a little rough and they're very straight, but we're going to carve it out when we animate the paths. We were just getting the basic poses right now. Let's go forward ten frames to where the other to where the hips stop swinging. And we're going to rotate the legs. Sorry about that. And we're going to rotate the legs there and then there. So an easy way to do this. If you don't want to just rotate it out. You see how it says 21 for the left leg and seven for the right leg. If you go 10 frames forward, just reverse this. 21 for the right leg and seven for the left leg. And it's going to be somewhat correct. The left leg needs to go add a little bit more, I think, to about 10 where we had it before. And I think that looks perfect. So now you have your legs animated. And we're going to do the same thing that we did with the shirt. We're just going to copy and paste. So let's go to left leg, dragging, click it to select your keyframes, or you can shift and click to select them. Command or Control C to copy them. Go to frame 20, paste. Okay, once you have those pasted, hits shrimp, hit Shift and page down twice to go forward 20 frames. And then you just hit Command or Control V again to paste. And then once again and 20 frames and paste. And that's good for right now. Now you'll see that that one leg is moving with the hips. Perfect. Now we need to do the same thing for the right leg. So select the right leg keyframes, Command or Control C to copy, go forward to frame 20, and command or control V to paste. And then forward 20 frames, command or control V to paste again. And then one more time. Now, let's play this. And our legs are swinging with our hips. Is a great dancer. Hey, don't forget to save your work while you're. 8. Animating Arms: All right, so the next thing we need do is animate the arms because you can't floss without swinging arms. Okay, so what we're going to start off doing is by showing the arms. So let's go to our layers panel and click on the revealed to the little dots to reveal them. All right, Our arms are here. And you can see that they're not looking so great, but we're going to fix this a little bit later. The first thing we need to do is make sure that our anchor point is in the right place, just like we did with the legs and the shirt. So let's find our anchor point for our left arm and make sure that it's where kinda where your shoulder would rotate. And do the same thing for your right arm where your shoulder would be rotating. All right. Now let's bring up our keyframes for our shirt so that we can know where we need to keyframe the arms posed by pose. So click on the shirt layer and hit U on your keyboard. And that will bring up all the key frames that you have for that layer. We only have rotation keyframes right now, so that's always bringing up. Let's go ahead and click on our left arm, right arm, and hit R to bring up our rotation. And we are going to start keyframing those. So in this dance, with your legs are going the opposite direction of your hips? Excuse me. So our hips are going to sorry, their hips are going to their left. So our arms are going to go to the right. So let's set a keyframe for each arm at the very first frame. So hit the stopwatch by each arm. Okay, and now let's just start with our left arm. And let's have it go about here. Ok, and now our right arm as well. Let's swing it around. Say about 125. Looks good. Okay, now that we have those keyframes, Let's move forward ten frames. So hit Shift and page down. And we're going to key frame them to the other side. So let's swing this left arm around. Say There's good. Do the same with the right arm. That's 66. 65, looks good. Now, when you do this dance, one of your arms is going to go behind the back. And you can see that with this left arm on our left arm layer, should we be going behind his back instead of in front of him. So we need to do is we need to duplicate this left arm layer. So hit Command or Control D. Okay, and let's rename it so we don't get confused and will take left behind. So we know it's going to go behind the shirt. And let's drag that layer below the shirt. Okay. So to make it look like the arm is going behind, we're going to take this first, initial left arm layer and we're going to find about where it's starting to go behind the arm, which is right about here. On frame 5. So we're going to cut this layer short. Okay? So it doesn't show anymore after this point. So you can either click on the edge layer and drag it, hold down Shift and drag it in. It'll snap or cylinder that you can just hold down Option and hit the bracket button, the right bracket, and it will cut it short. Now let's bring it in to about there. Okay. Let's go to our and you see now it's going behind the arm. Arm, sorry. And you see now it's going behind the shirt. So just to clean this up a little bit, lists go to our left behind layer. And let's go to frame 5, and we're going to cut that one to start there. So hold down Option and do the left bracket button, and that will cut it to start there. Okay, so we have that key framed. Now we need to keyframe this behind layer to go back out. So what we're going to do is we're going to go and copy the first layer that we have right here. Copy by Command or Control C. Go to frame 20, hit Shift and page down twice and paste it. You'll see it's going back. So we're just going to work on the left arm for it now. And then we'll do the right arm afterwards. Now that we have it going behind and coming back out, we need to have a going up in front again. So we're going to do duplicate this left arm layer again. So it starts a frame 20 where we're going to cut the behind layer off. So let's go to the first arm layer that we had that's above the shirt layer, hit Command or Control D. And then we're going to, and you can leave the name left arm to that's fine. And let's drag out this layer. So it goes all the way to the end of our comp. But let's start it at frame 20, where we're going to end the bottom layer. So let's go here and hit Option and then the left bracket button to start it there. And then our and you can see it's not rotating yet, but we will fix that in just a second. Let's go to our bottom arm layer and we're going to copy the keyframes. So let's go to the first two keyframes. Hit click on the first keyframe for the behind layer, then Shift-click on the second one, leaves the third one out, hit Command or Control C, and then go back up to the left arm layer. The second one that we just created and hit Command or Control of B. And let's hit U to bring up those keyframes. And you'll see now it's in the same spot as where our bottom one is. But we are going to cut this bottom one off because we don't need it anymore. Because in the next part of the dance It's going to go in front of the body and the right arm is going to go behind. So let's go to the left and behind layer and hit option and the right bracket button to end that layer and then drag that over. So it snaps. And now you'll see that if we scrub through our timeline, the arm swings behind the body and then back, and then in front of the body, which is just what we want. Alright, so let's copy and paste another set of these keyframes on our left arm. So let's highlight these two keyframes. It command or control C. Let's go forward 20 frames and hit Command or Control V. So let's see where we're at. Okay, So we're going behind out, in front out. And then this should be going behind again, but we're going to take that one out. So I don't think we need it. We're just going to stop right here. So we're starting there behind, out, in front. And then that's where our starting point is again. To the left, to the right, to the left, to the right, to the left. All right. This is going to be the end of our comp, I believe. But let's just leave it in general. Make sure. So let's do our right arm the same way we did our left arm. So the right arm is already keyframe for the first two swings. So it's starting there. It's going here, needs to come out again. So let's copy that first keyframe on the right arm. Hit Command or Control C. And then let's go to frame 20 and paste that. And then let's do the same thing for the second keyframe, Command or Control C and paste that. And then the next swing is when the right arm is going to go behind the body. So let's copy these two keyframes again, Command or Control C and paste it on your right arm. And now let's duplicate this right arm and bring it below. So Command or Control D. Let's rename this to right behind. And then we'll drag it below our shirt layer, just like we did with the left arm. And then we need to go to our right arm that's on top and we're going to cut it. So it looks like the bottom layer is only showing. Let's scrub through to figure out where we need to cut it. So the left arm goes behind, RAM swings back, swings to the side. And right about here is where the right arm needs to start going behind the body. So we're gonna take this right arm layer that's above the shirt and we're going to cut it short with option and the right bracket button. And then let's drag that over. Perfect. And now with the behind, Let's bring up our keyframes. Hit you with it's selected. And this is where we're going to start this layer. So we're going to have it selected, hit option and the left bracket button. And that's where it will start. Let's see how this looks. So swinging back, forward over, and this is where the right arm goes behind. And then back. All right. This is where okay, so this is not where our comp is going to stop because we need to have the right arm in front like this. So we're going to need to animate some more on the left arm and the right arm. So let's go back to our left arm to layer. And we are going to, let's see here. So back, front across the side, it needs to go back to the other way. So let's copy this keyframe. Copy, go back to the, so this is 1 second and go to 1 second and 20 frames. Hit Command or Control V. And then we need them all to go to the other side again, and this is where our end. So let's copy another keyframe. Right? We need this key frame right here towards swinging to the right. So Command or Control C, go forward and command or control V. And then we need our right. Alright, and I think that is where it's going to end. But we need to make it another right arm layer to show it going in front. So let's take our initial right arm layer and we're going to Command or Control D to duplicate it. Let's drag this out so as the entire comp and then figure out where it's gonna go up front. So we have swing, swing, swing goes. This is where it's gonna go on the back. This is where it's going in the back and then come out front. So right here is where our new right arm layer needs to start because it's going to swing in the front of the body this time. So make your right arm, your right arm layer start here. Let's go to the right arm layer that is behind the shirt, and let's cut that. So it ends here at 1 second and 20 frames is where it's going to end. So making sure it's selected, hit option and the right bracket button and then drag it over. So it's snapped there. Now we need to animate the right arm that's going to go in front. Let's bring up some keyframes. Swing, and we needed to swing to the right. So we just need to find this first keyframe will work perfectly. So let's copy that first keyframe and go over here and paste it. Because we want to end up exactly where we started. All right, I think our arms are done now. So let's trim this down to two seconds. And let's just play this and see how it looks. Or flossing, zoom out and so we can see a little better. All right, Our arms are done keyframe. We're going to make them a little bit better when we bend them with the path. But we have the initial movements imposes done. So let's stop this. Let's make sure we save our work. And the next thing we're gonna do is we're going to animate the paths of these layers. 9. Animating Paths for Bend: Okay, so the next thing we're gonna do now that we have all our opposed oppose animations done, is we are going to animate the paths of a couple of the layers. So the legs need to have a little bit of a bend to them when they go side to side. The arms don't really need to have any, because when you do this dance, your arms are straight and they're locked. So we're not going to animate those, but we are going to animate the path of the legs and the body t-shirt layer. So we're going to start with a shirt. So let's get a good look at our shirt. And let's go to the beginning of our timeline. Let's go find our layer, shirt layer. And we're going to click on the arrow to bring on down the contents and then click on the contents and then find the shirt. And remember we have our path already parented to our shirt. So anytime we animate this shirt path, the hip path is going to follow along with it so we don't need to animate the hips, just the shirt. So go into the shirt group, find the path one and click down to show it's clicked down to reveal its option. So we're just gonna give a little bend to the body so that it has a little bit more dynamic movement to it. So the way we're going to animate this path is with the vertex tool, the convert vertex tool. So we're going to go to our Pen tool, click on it and hold down and you'll see Convert Vertex tool. What this is gonna do is it's going to convert this dot to a Bezier handle. So if you click on it and drag a little bit, you'll see that the handles come up. Now, these are a little bit difficult to work with if you're first starting out, but you just have to play with it to get a better understanding of it. So basically it, the more you drag out one of these handles, that's what it's going to be manipulating. So if you drag it out to the middle, you'll see that it bends the body in either way that you move it. Okay. Same with the top. If you go here and you drag out these handles, the more you pull it down, the more it's going to influence that part of the shape. So if you only have it up here a little way, it's only going to move that part. Go all the way down to the bottom. It's going to start moving those parts as well. So let's undo all of that by Command or Control Z. And let's just give it a little bit of a bend to the left, not a lot. So let's find this handle and we're going to drag it up and get a tiny, tiny little bend. That's it. And let's do the same for the top one. Drag that bottom handle out in a very, very tiny bend. Don't break the back. All right. So let's move forward ten frames by shift page down and go to frame ten. And we're just going to give it some bend in the opposite direction. So grab those handles and just move them over to the other side of that line and give it a little bit of bend. All right, and then make sure there's a keyframe for that. And you'll see that the body bends a little bit. Nothing crazy. Okay? So this is really easy to do for the rest of the sequence. We're just going to copy these two keyframes and paste them along the way. So let's go forward ten frames, I'm sorry. Her highlighted Command or Control C. Go to frame 20 and paste those. Now you'll see we have some at frame 30. Let's go to frame 40 or 1 second, 10 frames and paste again. All right, and let's go again forward 20 frames. And we're going to paste again, even though our composition ends here, because we want to have some movement while it loops. So let's zoom out and play that. And you see it has a little bit of a bend. Don't need a lot of bend. All right. So the next one we're gonna do is the legs. So go to your leg layer. Let's start with the left leg. Let's reveal its options. Find the contents, the shape, and the path. Go to the beginning of your timeline. And click the stopwatch to put a keyframe. Now the same thing that we did with the body, we're going to do with the legs. Just a tiny bit of bend in the direction that they're going. So, sorry, let's go to our Pen tool, Vertex tool. And let's click and drag. Sorry. Click and drag. So our handles come up and let's just drag that bottom. I'm sorry. Let's just drag that top handle over. And don't worry about this right here. Will move the shoe up so that it covers that little gap. Okay, Let's do the same thing for the top drag that handled down and over, sorry, over to the left side of the line. Not too much because it's just unrealistic. Allright. Let's go forward 10 frames. And let's bend it in the opposite direction. Grab those handles and just move it to the other side. Zoom out, see how it looks. All right, and then let's go back and forth. And that looks good. Now we're going do the same thing. Copy and paste those two keyframes throughout the entire sequence. So select them Command or Control C, go to frame 20 and paste Command or Control V. Go to frame 40 or 1 second and 10 frames and paste again. And two seconds and paste one last time. Now our legs got some bent to it. Can't really see much of a difference, but there is a little bit of a difference. Now let's do the same thing with the other leg. Let's hide all that and go to your right leg and do the same exact thing. Go up to the beginning of the timeline. Goes to your shape, reveal the path, set a key frame. Make sure our vertex tool is selected and let's go into that bottom. Double-click, drag, bring that handle up, and we're going to bend a little bit and the same with the top. Then a little bit. Go forward 10 frames. And Ben to the other side and drag it out to see how it's looking. All right, I think that's good. Let's copy those two key frames and paste on throughout the sequence. Go to frame 20, Command or Control V. 20 frames forward command or control V. And the last two seconds command or control V. Now let's zoom out and see how it looks. All right, he's got some Ben to him. Now, what we're going to do is we're going to give some easing to these keyframes. I'm not gonna go into using a lot. We're just going to select all the keyframes and give it an easy ease. So let's go to our Layers panel. Hit Command a, and then hit U on the keyboard. And it'll bring up all of the keyframes that you have for your entire animation. Let's click and drag a selection box and select all those keyframes. Right-click. And you can't see it on the video, but there is a option for keyframe assistance. And you're gonna go to that and then that'll bring up a new box and hit easy, ease. And I'll see it changes all your keyframes to easing. And you see it makes your animation a little smoother. So let's undo that and see the before. All right, and let's redo that. And it'll show you makes it a little bit smoother. All right, so let's bring the shoes up a little bit so that it's covering where that little gap is. So let's go to your Let's unlock the shoes first. Go to your left shoe. Zoom in a little bit, and let's just bring it up to where it covers that. And we'll do the same thing with the right shoe to bring it up a tiny bit. Let's hit P on the keyboard to make sure they're at the same height. So 848. All right. Now let's see if that covers that gap, which it does. One thing I don't like is how I can see the arm here behind. When the left arm goes behind, we can't see it. So what I'm gonna do is I'm going to rotate that a little more so we can see it. So let's find our left arm. It's going to be the behind, which is right here. And we're just gonna take this key frame and we're going to rotate it a little bit more so we can see that arm behind the back. All right, let's see how that looks now. Looks better. All right, Let's save our work. 10. Animating Head and Eyes : All right, so the last thing, all right, so the next thing we're gonna do is we are going to animate the head. This isn't a great head for this animation, but it will do the trick. If you go through, you'll see that his head doesn't move at all and it doesn't work. So we're just gonna do a tiny little rotation animation for this. And then I'm going to show you how to animate some of the facial features if you want to. How to make the eyes blink. Okay, so we are going to animate the headfirst. And because all the facial features and the ears are parented to the head, those are going to rotate with the head. So we don't have to do all of those animations. We just have to animate the hit. So let's go to our head layer. And we're going to make sure that our anchor point is down by the neck because it's going to be rotating by this point. So let's find our anchor tool in the toolbar and move it to the middle at the bottom. And go to your hand layer, hit R to bring up rotation and make sure that your head is rotating the right way. My head is a little too big, so I'm going to scale it down to about see 18% zoom out. It's still too big. It's kind of got a big head. 16th, that looks better. So we're gonna do that. Alright, and because I scale it down, you'll notice that this has a little bit of a corner popping up, which is not something that we want showing. So let's animate our head and then we'll fix that little corner. So go back to your head layer, hit R to bring up rotation goes the beginning of your timeline. Now, we are going to rotate the head the way the arms are going. So wherever side your arm is on, That's the way your head's going to rotate. So let's just rotate to about there. And let's click for the key frame, go forward 10 frames, and rotate it to the other side. About the same amount. All right, and we haven't rotated. Now we seem to copy and paste these keyframes like we did with everything else. So select them Command or Control C, go to frame 20 and command or control V. Go forward 20 frames. And command or control V again. And then 420 more frames and one more time. Scroll out and let's look at our animation. All right, now I think he's heads too small, so we're going to be a tiny bit bigger. Let's go back to 18 is the how that looks. All right, that'll do. So let's fix that corner that pops out right here. No, forget to save your work as you're going to fix that corner, we're going to turn this shirt into a rounded cap instead of the bud cap that we have here. But we're going to have to duplicate it because we still want to have this straight line at the waist. So let's go to our shirt layer. Let's open it up to see the contents. And you'll notice that we have two groups where the shirt in the hips. All right, let's go to worry that we can see that corner right here. Open up your shirt Contents, go to the stroke and change that butt cap to a round cap. Okay? Now you see that it's popping up. And you'll also see that it's round down here. We can fix this by just duplicating this layer and then adding some trim paths to both of them. So first let's duplicate the layer by selecting the shirt group, not the layer, just the group. Command or Control D. See shirt to pop up. So let's add a trim path to both of these. Select your shirt two-group, hit, Add, and go to Trim Paths. Okay? And then let's do the same thing for the initial shirt group. Click on that, go to Add and hit Trim Paths. Now let's work with the first shirt group first. So open up your trim paths and where it says start, that's going to be up here where the shoulders are. And let's just bring that bring it down a little bit and bring it up a little bit. I'm sorry. And we'll come back and adjust it at the prefix, the other one. And the end. We're going to decrease a little bit. Let's go to the second group. Open the stroke and change that to a bud cap. Okay, and then go to the trim paths. So that second group, and let's play around with that until we get it the way we want. And you can see that corner, sorry, that corner started disappear when we increase the start. So that's just appeared. And now let's go to the end and bring up our waste just a little bit. Let's say right about there is good. And let's see how that looks up top. We don't have that corner anymore, but we do have a little bit of a space. So we can bring that rounded cap back up. Just a tiny bit and you can see how it's moving. We just want it up a little bit so there's no space when he's Lawson. And that looks good. All right. Remember to save your work. And let's move on to some facial features. I'm just going to show you quickly how you can make him blink a really easy way and then maybe move the mouth around time due to, it's the same way that we did the paths for the curves on the legs and the body. So let's go to our eyes. Let's close the shirt layer, find our eye layer. And let's open it up. And you'll see we have different groups. And that is the groups of these different shapes on the face. So if you click on a group, it'll show you what it is. For some reason I have the whites in two different groups, but we want those to be in one group. So let's select the first group if you have two different groups as well. And the second right-click, and then group shapes. And let's just name that the white, right? And this third group is going to be the black of that I. So let's name that black, right? And then the white for the left. Let's just name that white left just so that we don't get it confused. And the same for the black black left eye. Okay? Now what we're going to do is parent these white parts to the black parts. And you can also combine these into one group and just have them do self. But if you wanted to have these white parts moving as well, instead of just blinking, you don't wanna do that. So we're gonna do is we are going to open up our white and black. And we're just going to open up the transform for the white and for the black. Okay? Now, for the white, we're going to go to scale. And we're going to hit Option and click on this stopwatch. And that's going to bring up our expressions. We don't need expression. We're just going to parent this scale to the other scale. Make sure your parenting the right eye to the right eye. Okay, so let's take the scale, pick whip and drag it over to the scale of the black, right? I scale and click on it. Now you'll see it's connected. So we don't need to animate the whites. We're just going to animate the black. So let's unlink it so we can transform it and it's not uniform. Click on this chain and that will unlink it. Hit the stopwatch to make a key frame. Go forward 10 frames. And let's just close that. I. Alright, go forward 10 frames and let's copy that first key frame and paste it. So as I opened it back, It's very subtle. You don't need to do it if you don't want to, but I'm just going to copy and paste these through my timeline. And that's it is eye blinks. Little weird. So I'm going to delete one of these and just move these over. So it's a random blink. Okay, Let's do the same thing for the other eye. Make sure you're on that first key frame so you know where the blink starts. Not many people blink with one eye. That would be weird. Let's open up the left die transform and the black eye, I'm sorry, they were black left die transform as well. Let's do Option and click on these scales. Stopwatch. Let's hold down Option and click on the scale stopwatch to make a keyframe and bring up the expression. And then we're going to pick whip that to the scale of the black. All right, now let's set a keyframe for the black scale. Go forward to where the left eye is blinking, which is right there. Let's unlink these scales. And bringing that I closed as well. Zoom in. That looks about right, and then let's go forward to where the eye is open. All the way. Right about there. Copy that first keyframe, Command or Control C and then V. All right, and it's blink is a little bit slow. So let's bring these keyframes back together. And yes, they're blinking different times. What we're going to fix that. Let's close this. So we have some room. And then let's bring up the keyframes for the left eye, and let's just move them all in the same place as the right eye. All right, let's easy ease them by selecting them. All right-click keyframe assistant and then easy ease. All right, and he's blinking. Now. You can do the same thing with the mouth. If you want to animate the mouth, I'll just show you how to animate it really quickly. And then that will be that. So this is a path or a stroke just like the arms are. So you're going to animate the path to make it move. So let's go to our vertex convert tool. And you'll see if you click on it, those handles come up. Okay? And if you want to just move it around, you can. So let's say you wanted to make it into it. Oh, let's click a stopwatch to make a key frame. Go forward a little bit, and then play around with it until, oops, sorry. Until a mouth makes an O shape. Bring that over. And you just have to play around with each vertex and the handles until you get a shape that you want. And it might take a little bit of time because this mouth has a lot of space. Looks really funny. That's good for right now. And we'll just keyframe that which it is. Let's copy that first one, smiling and paste it. And it'll just show you how his mouth can move. It's really weird, but it just for demonstration purposes, to actually kinda cute. Let's copy those and paste them at the end randomly. So does so they move around. Let's see how it looks. And let's delete these first ones because this is going to loop. All right? The circle is not perfect, but you get the idea. And you can do the same thing with the eyebrows if you wanted to. I think you'd be q to the eyebrows were raising while his hips swing through his arms. So let's find our browse. And if you open it, you'll see that there's two different groups. One is for the left die once for the right eye. And let's go to the path for each group. Open those up, click a keyframe for each one, and then go 10 frames forward. And let's just make it so the eyebrows are raising. So go to your vertex V. And let's just move these up. So it looks like they're raising. That works. Copy and paste. Let's move out. Is going through, going back, eyebrow back down. And we want his eyebrows to stay down and tell he goes to here. So let's move this keyframe towards up here. Let's copy this key frame and put it here. And then that will hold while it's there and then go back up. All right, and then back down right here. So let's copy this down keyframe and paste it here and then leave it there. It's really subtle, but just showing you how to animate the eyebrows if you want to. All right, and we're done animating our character. You can do the same thing for the other guy bar if you want to or you can leave it with no IRA movement. But we're done animating the character so far. All right, the last thing I'm gonna do is background. I don't really want a white background. So I'm going to add a gradient to the background. So I'm gonna go to the Effects panel and I'm going to type in gradient. And let's just add a gradient to this solid. Alright, I don't like these colors, but we can change these around if we want to have that. Top. Oops. Did that wrong? Let's have this one be this color as well. And then we're going to have the pink be the dark blue. And to move the blending, just move this around. I want it really blended. Maybe blue is the wrong color because of his shirt. Let's change it to red. And you can pick whatever background you want. And these little circles will allow you to blend however you want to blind your gradient. So that's a good way to find a background if you want to create your own. So the last thing I'm going to do is scale up my character. The hard way to do this would be going into every layer and scaling it up. The easy way to do this is to create a null object and parent all your layers to that null so that it scales up. Okay, we're not going to parent the facial features to the null object, just the head, because the facial features are already parented to the head and you can't parent a layer to more than one layer. So let's do this by going to Layer New Null Object. Okay? Let's drag this null to the top so it's easier for us to see. Let's select all of our layers, except for the eyebrows, the eyes, the mouth. Select the head, arms, all the arms, the shirt. And you not select the ears. So you're going to select every object except the ears and the eyebrows and the mouth. Okay? Take this pick whip any one of them, and then drag it to the null. All right, So now all you're, so you'll see that all of your layer is besides the facial features, are parented to the null. So go to your null layer, click on it and hit S on your keyboard to bring up scale and drag it to make it bigger. And you'll see that every one of your layer is getting bigger without having to scale up everyone individually. And if you go through, you see your animation still works. Now the last thing we need to do is trim our work area to the comp so we don't want to go pass here. So bringing up your slider is still over here at three seconds. Drag it over to two seconds. And then we're going to right-click on that slider and trim comp to work area. And you'll see that it cleans up your comp. So now the only thing we have left to do is to export it from After Effects and then go into Photoshop and turn it into a GIF. If you want to export it from here and just use it as it is, you can. But if you wanted to loop, we're gonna do that in Photoshop. 11. Exporting as GIF: So the last thing we need to do is to export our GIF out of After Effects and then put it into Photoshop so we can loop it. So to export it out of After Effects or basin, just going to go make sure that our composition dance is selected a talk. And then we're going to go to the File and then Export and add to Adobe Media Encoder Queue. That's going to open up your Media Encoder. Make sure you have that downloaded if you don't. Let's go to where it says Animated GIF. If it doesn't say animated GIF, click the arrow down and make sure it's selected animated GIF. And you'll see where it says Output file. Click on that link and you can choose where you want your file to be saved. And then hit the play button and it will render out your animation. Now we're going to jump into Photoshop. So go to Photoshop and open this GIF to Photoshop. All right, so we're in Photoshop, let's go to File, Export, Export, save for Web Legacy. Once we're in there, you can see that we have these little dots. It's because we're stretching the image too much. So let's make it a little smaller. Go to image size and just decrease it by half to 540. And they're linked. So they'll do the same thing and hit Enter. And you'll see those dots disappear. You want to make sure that you have 12, eight desert checked or selected. And make sure you have Looping options forever instead of once. Okay? And if you play that, you will see that it just loops over and over again forever. So let's stop that. Click Save, save it wherever you want. Say dance, loop, JIF. And click Save again. I already have one, but we're going to replace it. Alright? And if you go and you have the Geoff, which you can play through. Now this is for you to upload to social media. So you're going to go into Instagram or TikTok or any social media that you like. 12. Thank You: And we've reached the end of the glass. Thank you guys for taking the course. I would like to ask that if you have a minute to go ahead and review the class, I love to hear your feedback. If you have any questions, please feel free to ask them in the discussion section of this course. And also don't forget to post your projects in the project section of this class. I look forward to seeing what everybody creates. Thank you again for taking the class. Everybody take care.