Simple Character Animation
Basic rigging and natural character movement.
Step 1: Layered Character Design
Draw a simple humanoid with separate layers for head, torso, arms, and legs. Flat vector style is enough — extra detail makes rigging harder at this stage.
Move each limb pivot to its real joint with the Free Transform Tool: shoulder, elbow, hip, and knee. Convert each part to a Graphic Symbol with consistent naming such as ArmUpper_L and LegLower_R.
Step 2: Rig with Nested Symbols
Double-click an upper arm symbol and place lower arm and hand instances inside its timeline so rotation cascades like a real joint. Lock unrelated layers while testing to avoid accidental selections.
Set the root Character Movie Clip registration near the feet for stable ground contact. Side view is the easiest first walk cycle because contact and passing poses read clearly.
Step 3: 8-Frame Walk Cycle
A standard walk uses contact, down, passing, and opposite contact poses. In 8 frames: contact at 1 and 5, passing at 3 and 7. The last frame must match the first for a seamless loop.
Arms oppose legs — when the left leg is forward, the right arm is forward. Use onion skin to compare frame 1 and frame 5 for symmetry. Test the loop in a short Work Area until there is no pop at the restart.
Step 4: Secondary Motion and Overlap
Add follow-through to hair, tails, or scarves with delayed tweens a few frames behind the body. Use squash and stretch on landings and jumps — compress slightly on contact and stretch on takeoff.
Optional blink every few seconds in the head timeline adds life. A short anticipation squat before a jump makes weight feel believable compared to a sudden pop off the ground.
Step 5: Simple Lip Sync (Optional)
For short dialogue, swap mouth Graphic symbols: closed, wide open, and O shapes. Import audio to a separate timeline layer with Stream sync so scrubbing aligns keyframes to syllables.
If full lip sync is out of scope, subtle head bob and hand gestures during speech still improve engagement. Keep priority on clear message delivery over perfect phoneme matching.
Step 6: Compose in Scene and Export
Place Character_MC in the main scene and tween its path across stage while the internal walk cycle loops. Use parallax — background moves slower than foreground — to suggest depth without 3D.
Fix foot slide by nudging root position on contact frames so feet stay planted while the body moves forward. Save the .fla for the export tutorial where you will deliver web and video formats.
FAQ
Bone Tool or manual hierarchy?
Bone Tool is faster for simple vector art. Manual nested Movie Clips give more control for stylized characters and game sprite workflows — Nova Lab recommends manual hierarchy here to understand pivots deeply.
How do I fix foot sliding?
On contact frames where the foot touches ground, adjust the character root so the foot stays pixel-locked while the body travels forward. Slow playback at half speed makes spacing problems easier to spot.
How many frames for a walk cycle?
8 frames suit stylized cartoon walks, 12–16 feel more natural, and 24 frames approach realistic motion. Match loop start and end poses and keep fps consistent — 8 frames at 24 fps gives three cycles per second.