7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Animation

Animation for Beginners: How to Animate a Character Walking From the Front View

Scroll to top
Read Time: 6 mins
This post is part of a series called Animation for Beginners.
Animation for Beginners: How to Animate a Character Running
How to Animate a Character Throwing a Ball
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, I will be taking you through the steps of how to animate a character walking in place from the front view. 

I will be incorporating some terms into this tutorial that I learned in the animation industry. This helped me avoid confusion big time. When I first started in animation, I used to say "the left leg is moving" or "the leg on the right is moving" but that became so confusing! Are we talking about his right or our right? Confusing, right? 

I don't want to confuse the wonderful visitors to Envato Tuts+! So I will share something with you: I was taught to start calling it the west leg and the east leg. This is especially good for animation that is facing us. There is no mistaking what is east and what is west!

West arm east armWest arm east armWest arm east arm

Animating characters walking is fun and dynamic. Animating a walk from the front view is challenging, but with practice you can do it with ease. Let's get started!

1. Draw Our Main Walking Poses

Step 1

Let's start by drawing a floor guideline to indicate more or less where the feet are grounded and a top line to indicate where the top of the character's head is. We are animating a simple front view walk, but the foot that is farthest from us will be slightly further back than the foot that is closest to us. 

guide linesguide linesguide lines

Step 2

Draw our first pose/extreme. 

I like to start with the character in mid-step. The west leg is making contact with the ground. We are working rough, and our walking character is a simple automaton with a round head, so I’ve only indicated the eyes with dots. 

Notice how I sketched in a light vertical line to indicate where the middle of the torso is. As we animate, I use the line to show how the body favors the direction of the outstretched leg. In this pose, the body favors the west.

Pose 1Pose 1Pose 1

Let's compare it to the side-view animation that I did. Notice how the character is in the same position as in the first frame of my original side-view walk. The west foot is coming towards us, therefore slightly larger. The east foot is further back, so that foot is smaller. The east arm is swinging towards us, so I foreshortened the arm a little.

Pose 1 side and front viewPose 1 side and front viewPose 1 side and front view
Pose 1 side and front view

Step 3

Draw our second extreme. The west foot is flat and grounded and is "sliding" back. To give the illusion of walking in place, the feet "slide". Notice how I foreshortened the foot since the foot is flat and facing us. Don't be afraid to work rough, because we'll clean it up later. I foreshortened the calf on the east leg since the leg is bent slightly away from us as the leg swings forward. The foot is smaller too, since it's farther away from us.

Pose 2Pose 2Pose 2

Let's do a quick comparison to the walk side view. Notice how I am working rough and drawing through the figure to work out how the leg attaches. Let's make sure the leg “attaches” correctly to his hip. 

Pose 2 side view and front viewPose 2 side view and front viewPose 2 side view and front view
Pose 2 side and front view

Step 4

Let's draw our third extreme pose. As the east leg is now forward, the foot gets bigger as it is closer to us. 

The top of the character’s body should be at the same level as the first extreme. It's pretty much the same pose as our first extreme, except the legs are reversed.

Pose 3Pose 3Pose 3

Step 5

Let’s draw our fourth extreme. Now the character’s body is higher up because the front leg is passing the back leg. The body is at the same level as our second extreme.

Pose 4Pose 4Pose 4

Let's see how our walk looks so far! Looking good! Now let's sweeten it and add some in-betweens!

Work in progressWork in progressWork in progress
Work in progress

2. In-Between Our Poses

Step 1

Let's add an in-between between pose 1 and 2. 

The west foot is already in contact with the ground and starting to "slide" back. As the east leg lifts forward, I still have the foot slightly in contact with the ground. I don't want the east foot to completely leave contact with the ground before the west foot is grounded or it would look as if the character could fall on his face. No matter what you are drawing, in-between or extreme, the character should always be balanced!

InbetweenInbetweenInbetween
Add and in-between between pose 1 and 2

That looks good! Keep going!

InbetweenInbetweenInbetween

Step 2

Now add an in-between between our second and third extreme. 

Keep checking that the feet are not floating and that the character looks grounded. Notice how the east foot is swinging towards us. As the foot swings towards us, it starts to get a little bigger as it gets closer to us. I am showing you this zoomed in so that you can see how the character lines up.

in-between zoomed inin-between zoomed inin-between zoomed in
Add an in-between between pose 2 and 3

That's looking good! Notice how our foot is foreshortened.

inbetweeninbetweeninbetween

Step 3

Now let's add an in-between between our third and fourth extreme. The east foot has made contact with the floor and it's sliding back.

in-between zoomed inin-between zoomed inin-between zoomed in
Add an in-between between pose 3 and 4

Looking good!! Almost there!

inbetweeninbetweeninbetween

Step 4

Finally, let's add an in-between between our fourth extreme and our first extreme. This makes our first drawing our last drawing, making it a true animation cycle that loops infinitely. Notice how the west foot is swinging toward us.

in-between zoomed inin-between zoomed inin-between zoomed in
Cycle back: add an in-between between pose 4 and pose 1

Looking good! Notice how even though the arm is in front of the body and moving towards us, I drew through the body to sketch in the position of the arm and how it attaches to the shoulder.

inbetweeninbetweeninbetween

Let's see how it looks so far.

work in progresswork in progresswork in progress

That looks really good! A walk cycle from the front view is simple yet challenging. 

drawings 1 through 8drawings 1 through 8drawings 1 through 8

3. Tighten Up Our Animation Drawings

Now that we have our animation looking sweet, we can lose the red floor guidelines and start tightening up the line for our walking character. I'm still working loose with an ink line, but making things neater such as neatening up the roundness of the head, making sure the eye looks good in all frames, fixing the thickness of the arms and legs, etc.

I left my rough line in light grey and am inking my final line in black so we can see the line against the grey.

Clean up drawing 1Clean up drawing 1Clean up drawing 1
Clean up drawing 1

Keep cleaning up your animation frames. Make sure those feet still look grounded!

Clean up drawing 2Clean up drawing 2Clean up drawing 2
Clean up drawing 2

Keep going—we're almost done! Looks great!

Clean up drawing 3Clean up drawing 3Clean up drawing 3
Clean up drawing 3
Clean up drawing 4Clean up drawing 4Clean up drawing 4
Clean up drawing 4
Clean up drawing 5Clean up drawing 5Clean up drawing 5
Clean up drawing 5
Clean up drawing 6Clean up drawing 6Clean up drawing 6
Clean up drawing 6
Clean up drawing 7Clean up drawing 7Clean up drawing 7
Clean up drawing 7
Clean up drawing 8Clean up drawing 8Clean up drawing 8
Clean up drawing 8

Looks great! You animated a great walk! 

CongratsCongratsCongrats

4. Fun With Walks, Bonus Round!

What we animated was basically a generic walk. But have fun with walks and give our character more attitude if you want! Puff out the character's chest out a little. Raise the character's arms at the elbows a bit and we have a very confident walk.

Walk with attitudeWalk with attitudeWalk with attitude
Walk with attitudeWalk with attitudeWalk with attitude
Walk with attitude animationWalk with attitude animationWalk with attitude animation

How about we give the character rigid arms, hands balled into fists, and a lowered head. You have a perfect angry or tough walk!

Angry walkAngry walkAngry walk
Angry walkAngry walkAngry walk
Angry walk animationAngry walk animationAngry walk animation

Walks are fun! What can you come up with?

Congrats! Great Job!

Walks are one of the most common and fun actions to animate. Have fun with it! Just by making small changes here and there in animated walks, you can create an almost infinite number of personalities and attitudes. The sky's the limit! And remember, practice makes perfect, so keep animating! 

Great jobGreat jobGreat job
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.