After Effects Character Animation Part 2: Bringing the Face to Life

This is the second part of a multi-part tutorial that guides you through the complete process of building a fully animated character from scratch, step by step.

In Part 1, we got our one-eyed monster rolling across the screen. It moves, but it doesn’t feel alive yet.

Part 2 is all about the face: ears that flap and stretch as the character jumps, an eye that blinks at just the right moment, and a mouth that goes from a flat line to a full expression.

Step 1: Fix Your Parenting Before You Build on It

Before adding anything new, we need to correct a parenting mistake that would break everything downstream.

If you parented your face elements (eye, mouth, ears) directly to the rolling body layer, you’ll notice they move. But they don’t react correctly to the squash, stretch, and bounce of the main body.

The fix: re-parent those layers to the “cut” layer – the one that handles all the squash-and-stretch logic. This is your true main body. Everything that sits on the character should follow this layer, not the rolling cylinder beneath it.

💡 Getting your parenting hierarchy right early saves you hours of debugging later. When in doubt, ask yourself: what does this piece of the body need to react to?

Step 2: Create a Face Null Object

Rather than parenting the eye and mouth directly to the body, we’ll use a null object as a control layer for the face.

1. Create a new null object and name it “Face”
2. Parent the eye and mouth layers to the face null
3. Parent the face null to your main body (“cut” layer)

Now you have one clean control point for the entire face. If you need to shift the face position or add face-level animation later, you only touch the null; everything else follows.

Step 3: Animate the Ears

The ears are a special case. They’re not parented to the face null –  because they need to appear as if coming from behind the body, with their own independent motion.

Setting Up the Ear Pivot

The trick here is rotation control. Draw a small ellipse (circle) beneath the ear. This acts as a hidden pivot point.

• Parent the ear layers to the ellipse
• Parent the ellipse to the main body

Animating the Left Ear

Set position and rotation keyframes to bring the ear in from behind as the character jumps.

Adjust your interpolation curves so the motion eases naturally. Stiff, linear keyframes will kill the illusion.

Also, make the ear layers invisible during the rolling phase. They should only appear once the roll stops and the jump begins.

Animating the Right Ear

Duplicate all left ear layers and flip them horizontally. Then mirror the keyframe values. Any –32 becomes 32, any 43 becomes –43.

Finally, offset the right ear’s timing by a few frames. Perfectly synchronized ears look robotic. A slight delay between left and right makes the movement feel organic.

Step 4: Make the Face Appear at the Right Moment

The eye and mouth should only appear when the rolling stops. Set their opacity or position keyframes to bring them in at that exact frame – moving up with the body as the character launches into the jump.

To keep everything contained within the body’s silhouette, duplicate your main body layer and rename the copy “mask”. Then set all face elements (eye, pupil, mouth) to use this mask layer as an Alpha Track Matte. Nothing will bleed outside the body shape.

Step 5: Animate the Blink

A single blink at the right moment adds enormous personality. Here’s how to build it:

1. Convert your eye vector file to a shape layer (Right-click → Create Shapes from Vector Layer)
2. Use Path keyframes to animate the eye closing – squish it into a thin horizontal line
3. Change the fill color to black when the eye is fully closed, to simulate a proper shut eye
4. Time the blink to happen when the character looks upward, and have it open right at the launch point

Solving the Masking Conflict

Here’s a common issue: your eye is masked by the body, but your pupil and blink are masked by the eye. This creates a conflict. Elements disappear when they shouldn’t.

The fix:

• Duplicate your eye, pupil, and blink layers
• Keep the first set masked by the body’s mask layer (for the rolling phase)
• Set the second set to use the eye layer as their track matte (for the blinking animation)
• Cut and trim each set so only the correct version is visible at the correct time

It’s a bit fiddly, but once it’s set up, the blink reads perfectly.

Step 6: Animate the Pupils

The pupils do a lot of the emotional heavy lifting.

1. Parent the second pupil to the first – one set of keyframes controls both
2. Animate the pupils looking downward on landing – this grounds the character physically
3. Add a quick double blink by copying and pasting keyframes a few frames apart
4. Include small, subtle idle movements between the major poses – tiny shifts that suggest the character is thinking, reacting, alive

Keep pupil animation fast. Slow pupils look confused. Quick, snappy movements read as personality.

Step 7: Animate the Mouth (Inside a Pre-Comp)

The mouth needs its own space to breathe. Create a new pre-composition just for the mouth animation – this keeps your main timeline clean and makes timing adjustments much easier.

Inside the pre-comp:

1. Draw a simple line with a black stroke and rounded caps and joins. This is your closed mouth (a subtle smile)
2. To create the illusion of a filled open mouth, add a second line in the middle, pushed downward so the two lines overlap and appear thick
3. Animate the path through three states:
   • A flat line (neutral)
   • An “O” shape (surprise/effort – mid-jump)
   • A smug smile (landing – confident, satisfied)
4. Adjust interpolation so each transition snaps with personality. Don’t let it drift slowly between shapes

Bring the pre-comp back into your main composition, size it correctly, parent it to the face null, and apply the same Alpha Track Matte mask as the other face elements.

Watch the full video walkthrough on our YouTube channel for a visual step-by-step, and explore our website for more free resources.

Subscribe to our newsletter and never miss free After Effects templates.