Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Learn to create and animate highly controllable characters using After Effects. In this course, author George Maestri covers every step on the way, from designing the characters in Photoshop or Illustrator, or drawing them straight from After Effects; assembling characters with hierarchies; making realistic deformations with the Puppet tool; automating rigs with expressions; creating realistic head turns; and showing advanced techniques such as using null objects as bones. Finally, the course shows how to perform a basic animation with the character and ensure the rig works correctly.
Now let's go ahead and finish off the expressions for our MOUTHS by adding in expressions for the Y position, as well as Scale. Let's go ahead and start with Scale, because it's a little more straightforward. So what we have with Scale is we want it to be at 90, here at 0, then at 100, and then back down to 90. Now, we already have something that's pretty close to this. If you look at the numbers for Rotation, you'll see that it goes from 8 to 0, and then to -8.
Well, we can certainly adapt that by adding in what's called an absolute value. Now, what the absolute value does is it basically just forces whatever number you have to be positive. So we could use an equation very similar to this, and then just on the top end, if we're using absolute value, it'll just force it to be positive again. So let's go ahead and copy this, and then we're going to add in an expression for Scale. Animation > Add Expression, and then I'm just going to Paste.
Now, we've got a few things we need to fix, so let's go through this. The first lines are fine. We're just taking the value of the Time Remap slider of the HEAD, sticking it in a, and then we're converting that to frame numbers and sticking that in b. Now we have this equation here. Now I'm actually going to create one more variable; we're going to create c Equals 10 Minus b. Okay, so remember, when the Time Remap is at 0, 10 Minus 0 is 10.
When it's at 10, it's 0; when it's at 20, 10 Minus 20 is -10. So all we have to do to make it positive the whole way through is do what's called an absolute value. So we type in capital M, Math.abs, for absolute value, 10 Minus b. So what that does is it spits out 10, 0, and 10. So what we really want is 90, 100, and 90.
So we can do that by saying c Equals 100 Minus that. So now once we have that, we need to stick those values into Scale. Here is a little tidbit here: everything we've worked with so far has been single numbers. Here we have what's called an array; we have two numbers. We have 100% and 100%, so we have 100% in X, 100% in Y. The expression needs to come up with a final result that is an array, but that's pretty easy. All we have to do is just hit a bracket, the number c, which is, again, going from 90 to 100, back to 90, and then c, because we're having equal scale on both sides.
So when we do that, we should have 90, and 90, and 100 in the middle. We've got that, and then we have a very similar situation for the Y position. The numbers I had for Y -- in fact, let's go ahead and just bring this up here so we can see that calculated -- In the middle, it was 58, and then on either side, it was 46. So I'm going to minus that from 46; so it moves 12 units down, and then 12 units back up over the course of 10 frames.
Remember, it's 10 frames down, 10 frames up. So it's going to be 12 over 10, which is, of course, 1.2. So that's going to be my multiplier. So let's go ahead and add in that expression. So I'm going to go Animation > Add Expression. Now, this expression is going to be very similar to the expression that I have here. So I'm going to go ahead and select just the top three lines, copy, and paste. Now, this last line is the one I need to work with.
Now, first thing I'm going to do is going to get rid of this c Equals, because that's not what I want. I'm also going to get rid of the 100. And actually what I want is I just want the absolute value of this number, 10 Minus b. This is going to be going from 10, to 0, to 10, and then we're just going to go ahead and multiply that times 1.2. And that should snap that into place. So now it goes there, and it goes there. But if you notice what's happening is it's actually going up.
So actually, I'm going to change this. I'm going to make this a negative Math absolute of that, but it's in slightly the wrong position, but we can fix that by just altering our Null 3 position here. I'm just going to go ahead and drop that down, and that should work; pretty close. Okay, so now I'm going to go over to my HEAD composition, turn off Mouth 01, and now we should have everything in place.
Now that goes down, up, looks pretty good. In fact, I'm going to go ahead and hide my Null 3, and we should have a pretty close automatic head turn. So now I've got everything pretty much in position here. Let's go ahead and take off the keyframes here. So now I've got a HEAD slider that can go left and right, and I can change the NOUTHS to whatever I want, and they will all move with my sliders.
So that was a little bit intense, a little bit complex, but hopefully, if you followed through, you kind of get the idea of what we're doing here. So what we're doing here is we're basically creating an animation, and replacing them with expressions that use those same numbers that we created in the animation. And this is kind of a hard-coded way of animating this sort of thing, but it does work. So it is going to be specific to each character. So you need to kind of know how to figure out the numbers, but once you get it, it should work pretty flawlessly.
There are currently no FAQs about Creating Animated Characters in After Effects.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.