Adding Details to Character Movement
Philip Ebiner
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final Quiz
Lesson Info
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.
Class Materials
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects