Animation Principles - Deep Dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
Works with
--- name: Animation Principles - Deep Dive description: Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context license: MIT --- # 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.
More General & Other skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
grill-me
mattpocock/skills
A relentless interview to sharpen a plan or design.
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

