Animation Principles - Absolute Beginner
Your First Look at Animation Magic
Animation makes drawings move in ways that feel real and fun. Disney animators discovered 12 tricks that make animation look great. Here they are in simple words:
1. Squash and Stretch
Things squish when they hit something and stretch when they move fast. Drop a ball - it flattens on the ground, then bounces back round.
2. Anticipation
Before a big move, there's a small move the other way. Before jumping up, you crouch down first.
3. Staging
Put important things where people will see them. Like putting the main actor in a spotlight on stage.
4. Straight Ahead and Pose to Pose
Two ways to draw: either draw every picture in order, or draw the important pictures first and fill in between.
5. Follow Through and Overlapping Action
When you stop, your hair keeps moving. Different parts move at different times, not all at once.
More from dylantarre/animation-principles
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
1.6Kvideo-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
617motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
552micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
439saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
292game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
287