A Beginner’s Guide: How To Animate The Walk-Cycle Hack

Animation director Garth Lee‘s step-by-step guide on how to master every beginner’s kryptonite, the walk-cycle.

For many motion graphics designers and animators, learning how to animate the walk-cycle is one of the most time-consuming and tedious tasks. Each character will react differently when rigged, and as such, there isn’t really a foolproof method that works every time. Some characters are prone to leg popping, others have exaggerated proportions that won’t allow for a standard walk-cycle.

GIF showing how to animate the walk-cycle.

I don’t have a magic solution for that, but what I have figured out, is an incredibly quick method of getting a rigged character walking in just a few clicks. Before I go on though, I must stress that by no means is this a replacement for learning how to animate the walk-cycle decently. It mainly serves as a quick dirty fix to get a character walking fast, if time or budget is tight, or if you just struggle with walk-cycles altogether.

Also, this tutorial assumes you know the basics of rigging a character using DUIK. If not, you can download it here, and you can find the tutorials for it here. It’s an incredibly powerful plugin that I would recommend to anyone using After Effects, not just character animators.

STEP 1

Rig up your character’s legs as normal using DUIK tools. This will create 2 Controller Nulls (let’s call them both controllerNull) to manipulate the position of the legs (make sure the ‘Auto-Stretch’ check box for each Controller Null is switched off as it’s important that the legs don’t stretch for this technique to work).

GIF showing how to animate the walk-cycle.

STEP 2

Create a new Null (let’s call it walkNull), and place it exactly halfway between the controllerNulls. Then parent your controllersNulls to the walkNull.

GIF showing how to animate the walk-cycle.

STEP 3

Now Rotate the walkNull for the quickest walk-cycle you’ve ever made. As you can see, the results aren’t perfect, the blue leg is never further forward than it’s vertical position, and the red leg is never further back than it’s vertical position. This is because each controllerNull is rotating around a common centre that isn’t quite correct for either leg. 

GIF showing how to animate the walk-cycle.

STEP 4

If we position our legs on top of each other to create a full side angle character, you’ll see that the technique works much better, this is because the controllerNulls can now orient a common centre that works for both legs.

GIF showing how to animate the walk-cycle.

STEP 5

Now that we have learned how to animate the walk-cycle and it’s working (from the side angle), simply alter the scale of the walkNull to change the step size for your character, you can even bring it to a stand still by scaling it down to 0%.

GIF showing how to animate the walk-cycle.

STEP 6

In order for this rig to work properly for our 3 quarter angle character, we now need to do some simple parenting. Firstly, you’ll need to arrange the legs into their ‘extreme’ poses (i.e. one leg fully extended forward, the other fully back), then duplicate the walkNull, so you now have one for each foot. Place the two walkNulls right over the rotation point for each leg (below).

GIF showing how to animate the walk-cycle.

STEP 7

Parent each controllerNull to their respective walkNulls. You can now rotate these independently to control each leg.

f1e985 ac49c29f3628497a8657277d3c393f62~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

STEP 8

Create a new Null and place it between the two walkNulls, we can call this masterNull. The masterNull will serve as the main driver for the rotation of the legs, and also their position along a surface later in this tutorial.

f1e985 a85851096db84bdf8e4b90f0e4c2b6a4~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

STEP 9

Alt-click on the rotation parameters of the two walkNulls, and pick-whip their value to the rotation value of the masterNull. This allows our masterNull to drive the rotation of each walkNull around their own axis simultaneously, not the axis of the masterNull. You’ll notice this rig moves much more naturally than the rig we made in step 3.

f1e985 e79582405a92451eb21247650899276e~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

STEP 10

Now for some real magic. Pay attention as it gets a bit messy now. But with some simple scripting, we can drive the rotation of the legs by the position of our masterNull, eradicating that common ‘foot slide’ you often get when animating walk cycles.

Firstly, you need to duplicate the masterNull (let’s call this positionNull), here you’ll see I’ve enlarged it to distinguish from the original (below). Now you must parent the two walkNulls, the masterNull and the pelvis shape to the positionNull. Finally, pick-whip the rotation parameter of the masterNull to the x-position of the positionNull.

The below animation consists of just 3 keyframes! 

f1e985 2ebf9f27a97643dabcf28995198758f5~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

STEP 11

If the feet are sliding around a little, you can add a simple multiplier onto the end of the masterNulls rotation script. Speed it up by multiplying by a value greater than 1. Slow it down by multiplying by a value less than 1 (but greater than 0). Below I’ve added a *0.5 multiplier to slow the rotation of the feet.

f1e985 f3d5bd6b02274a89867e65787e55aded~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

 And here (below) I’ve added a *2.0 multiplier to speed up the rotation of the feet.

f1e985 330ffe04fb574646bf94707ccfcb0214~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

Luckily the rotation speed was just about right at the default value, so I didn’t need to use a multiplier.

STEP 12

Lastly, you can add secondary animation to this rig just like you would any other. As you can see below, for a little extra character, I added a simple up/down movement on the pelvis.

f1e985 8bca4ffe0ef24555894fbaa03d49e5cd~mv2 - NERD Blog - A Beginner's Guide: How To Animate The Walk-Cycle Hack

I hope you found this tutorial on how to animate the walk-cycle useful. If you liked it, please give it a share. I’ll be doing many more in the future! For any questions, fire away on all social media channels.

Garth

To view the original post, click here.

View more from Garth here.

Contact us about our talent here.