follow-through-overlapping
Follow Through & Overlapping Action Mastery
The Momentum Principle
Nothing stops all at once. When a character halts, their hair keeps moving. When a car brakes, passengers lurch forward. Follow through and overlapping action capture how different parts of a system respond to forces at different rates—the principle that makes animation feel physically grounded.
Core Theory: Two Related Concepts
Follow Through: When the main body stops, appendages continue moving due to momentum, then settle. The termination behavior of motion.
Overlapping Action: Different parts move at different rates throughout motion, not just at stops. Hair doesn't start moving when the head starts—it drags behind, then catches up. The continuous offset of timing.
The Drag Hierarchy
Parts further from the root of motion drag more:
- Root (hips, torso): Moves first, stops first
- Primary extensions (limbs, head): Slight delay
- Secondary extensions (hands, facial features): More delay
- Tertiary elements (fingers, hair, cloth): Maximum drag
More from dylantarre/animation-principles
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
1.7Kvideo-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
627motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
560micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
442saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
293game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
287