Adding Details to Character Movement
there's a couple more details I can add to make this a little bit more realistic one has to do with the cape movement. So I would imagine that after he jumped the cape sort of would go directly behind him and flutter in the wind a little bit. So let's go into our animation. Close everything down and then with the cape, what I'm going to do is let's bring up the key frames for just the arm left so I can see what's going on where those key frames are. So I'm going to set a key frame for rotation of the cape here. Then let's go down to the squat and the cape is going to rotate just a little bit up like so but what happens is now it's going over his shoulder like this which I don't like but that's okay, we'll adjust that in a second. I'll copy this key frame right here and then at three seconds we will rotate back down. Maybe even just like oh yeah, that looks pretty good actually. So now cool. Now let's easy ease these so F nine on your keyboard and it would probably be good to match the ...
speed of the other key frames but it doesn't necessarily have to match. And that's one thing with character animations, changing the speed just a little bit, making subtle differences so that this graph editor doesn't look exactly the same. Can make things look a little bit more organic. But what I don't like is how this sort of pops up over that corner and that's what the path of this cape. So let's go down. Open up our contents, open up, shape layer three path and set a key frame right here. Now let's zoom in here, go to our next key frame, click on path and I'll take this down like so and maybe we want might even, you know, move this up just a little bit, move it around just to get some sort of organic movement, then go here, copy and paste this key frame. Go to our next one and here we might want to change our path a little bit too. Click on path, bring this down. You know, you would imagine that the cape would change just a little bit. Something like that. That looks pretty good. So let's zoom out and see what this looks like. Awesome. So that's looking pretty cool. Let's add some easy ease. Looks like it's blowing a little bit in the wind while he's you know, stomping down on the ground while he's crouching. But we want to add a little bit more fluttering effect while he's going up and down and we can just do that with the path animation. So let's go up. You know, just half a second. Let's change the path just a little bit. So let's take all these key frames so what I can do is just click and drive over them. So again what I did was click path down here with my selection tool, click and drag over all of these and drag to the right. So those are just dragging those ones on the bottom, not the path one path points up here. So now if I go back to four seconds I can drag these to the left, Go to 4.5 seconds, drag these to the right, so now that gives a little fluttering effect. And so if I play through this at the end, okay, it's a little bit too slow so I can just make these faster. I don't, I like making a little organic so I can copy and paste some of them. Just repeat. Yeah, that's looking pretty good. Okay, it'll look better in our other composition with the background to give us more context. So now we have the cape. Oh yeah, that looks good. Okay, cool, so now we're getting that more flying effect. Nice. One other detail. I'm going to go in and add a little bit of a head rotation. So here let's again bring up our rotation for the arm or are key rooms for the arm for rotation for the head. So press r, click the stopwatch to set a key frame. Then when he goes down to his crouch, I'm gonna rotate just slightly back. It's like, so then copy this key frame there, Go here and copy this 1st and add easy ease. My favorite. Easy ease. Now if we play through he has just a subtle head tilt back, which I think works good, adds a little bit more detail. Nice. I am really enjoying how this looks. I'm going to do one more little detail and that's with the mouth. So if I go in, what I'm going to try to do with the mouth and I'll have to go into my head. I have to go into my content and find the mouth, which I think is. So the shape four. Yes, it's shaped four so I can turn that on and off. I want them out to kind of widen and then purse up while he flies. And so you make that sort of more of a grimace when you crouch down or when you're working hard. So that's what it's going to look like here when he's crouching down and the way I'm going to do it is add a trim paths animation. So I can click this add button here, go to trim paths, make sure that it's in our shape for if it happened outside of trim shape for it. Just make sure you drag it into shape four. Now I'm going to set a key frame for the start and end here, go to the top where he's standing up And then I'm going to drag the start into like 20 And the end into 80%. So the mouth gets smaller, it gets a little wider, copy these key frames here and then when he jumps up, copy these first key frames. His mouth is going to get a little bit bigger. See that early, subtle not necessary but just makes it a little bit more dynamic. Cool. And let's add easy ease, select all of them. Easy ease. Now we've added all these little details and I'm actually going to wait until next lesson to add the texture because I think that's a completely different type of lesson. But we really have our basic character animation and you can see that it's all about these little details, animating stroke, animating rotation using what we did right here, trim paths to animate a line that is the mouth of our character and of course adding the background to which gives more context to our motion. I hope you're enjoying it. And I'll see you in the next lesson for adding that texture.