Animation Principles - Deep Dive

What this skill does

# Complete Animation Principles Reference

Comprehensive technical guide to Disney's 12 principles with implementation details.

## 1. Squash and Stretch

**Definition:** Deformation of objects to show flexibility, weight, and motion.

**Technical implementation:**
- Volume must remain constant (area preserved)
- Stretch along motion path at velocity peaks
- Squash perpendicular to impact surface
- Ratio guidelines: 20-50% for cartoony, 5-15% for realistic

**Applications:** Facial expressions, body mechanics, object interactions, impact effects.

## 2. Anticipation

**Definition:** Preparatory action preceding main action.

**Technical implementation:**
- Direction opposite to main action
- Duration proportional to action magnitude
- Typical ratio: 1:3 anticipation to action frames
- Can be minimized for surprise effects

**Applications:** Jumps, throws, emotional shifts, scene transitions.

## 3. Staging

**Definition:** Presentation of idea for maximum clarity.

**Technical implementation:**
- Silhouette test: action readable as solid black shape
- Single focal point per composition
- Background contrast supports subject
- Camera angle serves story point

**Applications:** Every shot, pose choice, camera placement, lighting design.

## 4. Straight Ahead and Pose to Pose

**Definition:** Two fundamental animation approaches.

**Straight ahead:** Sequential frame creation. Organic, spontaneous, harder to control timing.
**Pose to pose:** Key poses first, breakdowns second, inbetweens last. Controlled, plannable, can feel stiff.
**Hybrid:** Keys pose-to-pose, overlapping elements straight ahead.

## 5. Follow Through and Overlapping Action

**Definition:** Continuation of motion after primary action stops.

**Technical implementation:**
- Drag: appendages trail behind main mass
- Follow through: continuation past stop point
- Overlap: different parts move at different rates
- Settle: oscillating return to rest

**Hierarchy:** Root leads, extremities follow. Heavy before light.

## 6. Slow In and Slow Out

**Definition:** Spacing variation showing acceleration/deceleration.

**Technical implementation:**
- Ease in: bunched drawings at motion start
- Ease out: bunched drawings at motion end
- Middle drawings spread apart (fast portion)
- Custom curves for specific effects (bounce, snap, drift)

## 7. Arc

**Definition:** Curved motion paths reflecting natural movement.

**Technical implementation:**
- Track motion paths for all moving elements
- Arcs created by rotation around joints
- Projectiles follow parabolic arcs
- Breaking arcs: mechanical, sudden, intentional effects

## 8. Secondary Action

**Definition:** Actions supporting primary without distracting.

**Technical implementation:**
- Subordinate timing to primary action
- Support emotional content of scene
- Add on separate pass after primary is working
- Remove if it competes for attention

## 9. Timing

**Definition:** Frame count determining speed and weight.

**Reference points:**
- 1-2 frames: instant/invisible
- 4-6 frames: fast/snappy
- 8-12 frames: normal action
- 16-24 frames: slow/heavy
- 24+ frames: very slow/deliberate

Context-dependent: same frame count reads differently based on action type.

## 10. Exaggeration

**Definition:** Amplification of reality for clarity and impact.

**Technical implementation:**
- Identify essence of action/emotion
- Push poses beyond realistic range
- Maintain internal consistency
- Style-appropriate: match project aesthetic

## 11. Solid Drawing

**Definition:** Three-dimensional form and weight in drawings.

**Technical implementation:**
- Consistent volume through motion
- Anatomical understanding (bones, muscles)
- Weight distribution and balance
- Perspective and foreshortening accuracy

## 12. Appeal

**Definition:** Compelling quality that attracts viewer attention.

**Technical implementation:**
- Clear, readable shapes
- Distinctive silhouettes
- Asymmetry in poses and design
- Appropriate complexity level (simple reads faster)

Appeals to: visual interest, emotional connection, design quality.