1. Home
  2. Computing & Technology
  3. Animation

Flash Frame-By-Frame Animation: 8-Frame Basic Walk Cycle

By , About.com Guide

3 of 10

Arranging Sequential Frames in a Path of Motion

Once you've finished drawing your stick-man, copy the keyframe for the body/head and paste it across the next seven frames.

Then you're going to turn on onion-skinning, so that you can see where your frames are in reference to each other, and space out your duplicate bodies across the keyframes so that they seem to move in an up-and-down wave, following the path of motion demonstrated by the dotted line in the Preston-Blair example.

The reason for this is because when we--or any creatures--walk, we don't travel exactly in a straight path. As our legs bend and straighten, and our feet extend, flatten, and push off from the ground, we're going to be propelled upwards only to sink down again. When walking we're never the exact same height as we might be in a resting position, save for in a single instant of motion as we pass through that particular plane of space.

On my first frame, my stick-man is near a mid-point; he's not as tall as he might be when his supporting leg is almost fully straight, but he's not as short as he would be with his supporting leg fully bent, either.

Explore Animation
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Animation
  4. Flash Animation Tutorials
  5. Flash Frame-By-Frame Animation: 8-Frame Basic Walk Cycle

©2009 About.com, a part of The New York Times Company.

All rights reserved.