Lesson Notes
Lesson 1
  1. Introduction
  2. Access the Server
  3. Drawing & Painting
Lesson 2
  1. Basic Animation
  2. The Timeline
Timeline Review
  1. Timeline Review
Lesson 3
  1. Symbols & Library
  2. Shape Tweening
Lesson 4
  1. Animation Review
  2. Break Apart
  3. Distribute to Layers
Lesson 5
  1. Motion Path
  2. Buttons
  3. Intro to Actions
Lesson 6
  1. Setting Up Projects
  2. Project Checklist
  3. Action Scripting Buttons
Lesson 7
Lesson 8
Lesson 9
  1. Animated Buttons
Lesson 10: Walk Cycle
  1. Character Design
  2. Terms Explained
  3. Project Overview
  4. Setting Up
  5. Frame 9 & Animated Guides
  6. Animating The "Bounce"
  7. Legs & Feet
  8. Arms & Finalizing
Lesson 11: Preloader
  1. Simple Preloader
  2. Advanced Preloader
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 10: Part 6
| Pt. 1 | Pt. 2 | Pt.3 | Pt. 4 | Pt. 5 | Pt. 6 | Pt. 7 | Pt. 8 |

Animating the Bounce of the Body & Head
Flash: Interactive Web Animation
by Ken Kimura



We’re going to focus on the up and down motion of the body and head. For this walk cycle, the character will be walking in place. Much like what a person looks like when they walk on a tread mill. This means that the body will not move forward at all. It will only move up and down.
  1. For now, hide all the leg and foot layers (click on the eyeball icon next to the layer name).
  2. Create a motion tween between the first and last frames.
  3. Add a keyframe on frame 9.
  4. 17 frames will cover 2 full walking steps. Were going to create the up and down movement of the head and body for the first step only (frames 1-9), then we’re going to copy these frames into frames 9-17.
  5. The Passing Position is on frame 5. Add a keyframe and raise the position of the body and head slightly above your guideline.
  6. Frame 3 is the Down Position. Add a keyframe and lower the position of the body and head so that it is slightly below your guideline.
  7. Frame 7 is the Up Position. Add a keyframe and raise the position of the body and head so that they are even higher above the guideline than they are in frame 5.
  8. Select frames 1 through 9 of the body layer. Copy these frames (Control click on the selected frames > Copy Frames).
  9. Now select frames 9 through 17 and paste frames (Control click on the selected frames > Paste Frames).

Also see diagram: Position Guide for Legs
Also see: project example: walk cycles

Continue To Part 7

src="../../images/clear.gif" width="696" height="2">