After Effects Character Animation Part 3: Adding Legs & Finishing Touches

This is Part 3, the final part of the After Effects character animation series. In Part 1, we built the rolling animation. In Part 2, we brought the face to life with ears, blinks, pupils, and a mouth. Now we’re closing it out by giving the character its legs, animating a full jump sequence, and adding a final detail that ties everything together.

Designing the Leg

The original character design didn’t have legs, so we design them directly inside After Effects. Start by creating a new composition. Something around 700×500 works well. Name it “leg”.

The leg itself is simple: a banded stroke with a foot attached. Keep it minimal. The character’s style is already established, so the leg just needs to feel like it belongs.

A few things to set up before anything else:

• Rename your layers – separate the leg from the foot so you can control them independently
• Set the anchor points – the foot’s anchor point should sit at its joint with the leg, and the leg’s anchor point should sit at its joint with the body. This is what makes the rotation feel natural
• Parent the foot to the leg –  so it follows along when the leg moves
• Use a mask on the leg stroke to hide the rounded ends and give it a cleaner, more geometric look

Duplicate the leg once just to preview how the character will look with two. It helps you judge proportions before committing.

Bringing the Legs into the Master Composition

Once the leg pre-comp is ready, copy both the leg and foot layers into your master composition.

A few things to handle on the way in:

• Adjust the start time of the leg layers so they don’t appear before the jump sequence
• Parent the leg to the body layer so it inherits the body’s movement
• Place the leg layers behind the body in the layer stack. The character’s body should always be read in front.

Hide the shadow layer for now. It’ll need to be reworked once the legs are in place.

Animating the Jump

The legs appear around the moment the character launches into the jump. For the master composition, set keyframes on Position, Scale, and Rotation for both the leg and foot, and apply easy ease.

The rhythm here is important. The upward movement should feel punchy, and the landing should be sudden and flat. At the drop point, bring both the leg and foot rotation back to zero to sell the impact.

One thing to watch for: because the body squishes on landing, the leg will squish too if it’s inheriting scale from the body. To fix this, animate the leg’s scale, position, and rotation from inside the pre-comp rather than from the master comp. This gives you independent control over how the leg moves without fighting the body’s scale values.

Animating Inside the Pre-Comp

Open the leg pre-comp and place markers for three key moments:

1. Where the leg appears
2. Where it needs to stop mid-air
3. Where it lands

Work through Scale, Position, Rotation, and Mask Path for both the leg and foot across these three points. At the start:

• Scale the leg down slightly
• Rotate it into the “mid-jump” position
• Adjust the foot rotation to match

For the Mask Path, animate it across the jump. This is what gives the leg that fast, drawn-on quality during movement. For very fast segments, don’t be afraid to use a hard cut instead of animating every frame. If the motion is quick enough, the eye won’t catch it, and a cut reads cleaner than a slow-looking tween.

For the foot, duplicate the layer and change the fill to a slightly darker colour. Give it its own anchor point and a slightly different animation. This creates a subtle visual separation between the foot and the leg that adds depth without overcomplicating the rig.

Adjust your interpolation so the keyframes flow properly. The fast parts should feel fast, and the landing should snap.

 

Adding the Second Leg

Once the first leg is looking right, go back to the master composition:

1. Freeze on the last frame and adjust the leg’s scale and position until it sits correctly on the character
2. Duplicate the leg layer
3. Flip it horizontally
4. Nudge its position so it sits slightly offset from the first leg. This gives the illusion of depth.

Trim both legs so they appear only during the jump sequence. If you want the character to feel a little more compact and cute, scale the legs down slightly – shorter legs work well with this kind of round body shape.

Add a few extra position keyframes if needed to make the landing feel grounded.

Fixing the Shadow

With the legs now visible, the shadow needs updating. Bring it back into view and:

• Reposition it so it moves down as the character descends
• Scale it so it stretches wider on landing. A shadow that grows on impact reinforces the weight of the landing.
• Place it below the leg layers in the stack so the legs read in front of it

The shadow should also scale back up slightly when the character is in the air. A smaller shadow reads as more distance from the ground.

The Final Touch: Confident Eye

The last thing we add is a small eye animation that plays right after the landing. Just enough to give the character a moment of personality.

Here’s how it works:

1. Duplicate the eye layer and move it above the other layers
2. Trim it so it only plays at the very end of the animation
3. Add a Linear Wipe effect
4. Add a Fill effect on top of it
5. Animate the Linear Wipe. Start at around 62% completion and animate it to zero so the eye “reveals” itself with a confident, half-lidded look

It’s a small thing, but it’s the kind of detail that makes a character feel like it has attitude rather than just movement.

 

Wrapping Up the Series

That’s the full character – rolling in, face alive, legs landing, attitude intact. Three parts, all native After Effects, no third-party plugins.

If you followed along from Part 1, you now have a complete workflow for building and animating a character from scratch: movement, facial expression, and body mechanics. The same principles here: pre-comps, parenting hierarchies, anchor points, and mask path animation. Apply to any character you build next.

The full video walkthrough for this part is linked below if you’d rather follow along visually than read through it.

To continue exploring character design, animation workflows, and creative tutorials, subscribe to Kashu Universe on YouTube. For free resources, feel free to check out our website, where plenty of helpful materials, guides, and creative tools are available to support and elevate your artistic journey.

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