Flash: Course Materials & Handouts


	Notes & Lessons
	Grading Rubric
	OSX Basics
	Basic Computer Terms
	Connecting to the Staff Server
	Filenames, Assignments and Projects
	A1: Hexnut & Flower Drawing
	A2: Scene with Layers Basic Motion Tween
	A3: Motion Tween on a Path (Intro to Symbols)
	A4: Nested Animations
	A5: Mask Layers
	A6: Intro to Buttons
	A7: Animated, Animated Buttons
	Project 1: Expanded Square Monochrome Scene Intro Scene Navigation Scene
	Project 2: Character Animation Introduction Character Design & Symbol Creation Terms & Definitions Overview of the Walk Cycle Getting Started Frame Nine Body Bounce Animating the legs and feet Refining the Arm Animation
	Motion Tween Quiz Review
	Handout_2
	Preparing a Web Portfolio: pt. 1
	Preparing a Web Portfolio: pt. 2
	Web Portfolio: pt 3

printer friendly version

WALKING ANIMATION
Pt. 8: Animating the Legs & Feet

Flash: Intertactive Web Animation
Teachers: Ken Kimura
email: ken_kimura at lsrhs dot net
telephone: (978)443-9961 Ken Kimura: XT2221

Now that you have the animated guides it’s time to animate the legs and feet.

Before you ask... THERE IS NO EASY WAY TO DO THIS WELL. It’s tedious.

Here’s the strategy:

Work on one leg at a time
Hide the layers and guides of the leg that you are NOT working on
There is one aspect where you have a choice in strategy. You can either:
1. Look for segments of your timeline where you use the same symbol over a number of frames and see if you can get away with a motion tween. If not, tweak and adjust by adding keyframes.
2. For the legs and feet layers, add a keyframe on every frame between 1 and 9. Manually swap and adjust the symbols appropriately for each frame.
[IMPORTANT NOTE: Motion tweening only works when the symbols on each end of the tween are the same symbol. This means that you cannot motion tween between a "straight leg" symbol and a "bent leg" symbol. If the symbols are the same on both ends, you can try to motion tween the movements. It is unlikely that you will be able to motion tween for more than 3 frames.]

[IMPORTANT NOTE 2: Before you make any changes, make sure you've created a keyframe or you are on a frame that has a keyframe.]
Use the transform tool to rotate, stretch and squash the legs and feet as necessary.
Only animate frames 1 through 9 - DO NOT ALTER FRAMES 1, 9 or 17
Frames 9-17 are made by strategic copy-pasting.
Swap symbols where necessary - see chart below.

Swapping symbols

The pushing leg in frame 1 is a straight leg. On the 2nd frame we're going to swap the straight leg symbol with the bent leg symbol.

Add a keyframe in frame 2.
Select the leg symbol on the stage (as opposed to selecting it on the timeline)
Look at your properties panel and look for the “Swap” button. click this button and select your bent leg symbol from the list that appears. It will replace your straight leg symbol. If necessary, adjusts it's position and size. The leg symbol remains a bent leg symbol until frame 5. This means that you can try to motion tween between frames 2-5. Then add adjustment keyframes as necessary.
At frame six the leg symbol should be a straight leg symbol and continues to be a straight leg symbol through frame 8. Use the leg position guide and the chart below for reference.

The Pushing Leg:
frame	foot symbol	leg symbol
1	straight	straight
2	straight	bent
3	straight	bent
4	straight	bent
5	straight	bent
6	toes bent up	straight
7	toes bent up	straight
8	toes bent up	straight
9	toes bent up	bent
	REMEMBER Frames 1 and 9 should not be altered.

The Swinging Leg:
frame	foot symbol	leg symbol
1	toes bent up	bent
2	straight	bent
3	(optional - toes bent down)	bent
4	(optional - toes bent down)	bent
5	(optional - toes bent down)	bent
6	(optional - toes bent down)	bent
7	(optional - toes bent down)	bent
8	straight	bent
9	straight	straight
	REMEMBER Frames 1 and 9 should not be altered.

GOOD LUCK and work hard. It'll be worth the effort.

Testing your Walk Cycle
Also see diagram: Position Guide for Legs
Also see: project example: walk cycles

Continue To Next Part

Edited 1-9-08