Basic principles of animation: explanations, examples, and tips

The 12 basic principles of animation

1. Squash and stretch

Squash and stretch give objects and characters a sense of weight, elasticity, and impact. A bouncing ball stretches when it gains speed (stretch) and deforms upon contact with the ground (squash) while its volume remains visually the same. The same applies to facial expressions, muscles, or clothing: subtle deformations make movement more lifelike.

Practical tips:

• Maintain volume: if you reduce height, compensate in width.
• Match the intensity to the material: a rubber ball deforms more than a bowling ball.
• Use sparingly on hard or mechanical objects, or show micro-deformation for realism.

2. Anticipation

Anticipation is the preparatory movement that tells the viewer what is about to happen. Before jumping, you first bend your knees; before throwing, you move your arm backward. This brief counter-movement makes the action easier to read, gives energy direction, and improves timing. You also use it in camera animation: a subtle counter-movement before a pan or dolly helps the eye follow.

3. Staging

Staging is all about clear staging: your composition, framing, and timing direct the eye to the essence. Work with clear silhouettes, sufficient contrast, and depth to separate shapes. Limit simultaneous actions that compete with each other and only move the camera if it supports the story. Less noise means more understanding and impact.

4. Straight ahead and pose-to-pose

There are two main approaches to animation. Straight ahead is working frame by frame. This creates spontaneous, organic movement and is ideal for unpredictable phenomena such as fire, water, or explosions. Pose-to-pose starts with strong key poses and extremes, after which you add breakdowns and inbetweens. It is perfect for dialogue, character actions, and complex staging.

Practical approach:

• Pose-to-pose: lock in key poses, set extremes, create breakdowns that define the arc and timing, polish with inbetweens and spacing.
• Straight ahead: sketch rhythm and direction in advance (reference or thumbnails), regularly check volume and arcs to prevent drift.
• Hybrid approach: block the core poses pose-to-pose, animate specific parts (hair, clothing, effects) straight ahead for extra life.

Would you like a broader overview of what is possible? Take a look at the types of animations.

5. Follow-through and overlap action

Follow-through is the continuation and dampening of movement after the main action has stopped; overlapping action means that different parts do not start or stop at exactly the same time. Think of hair, a coat, or a tail that swings through and only comes to a stop later. Limbs also overlap: the shoulder starts, then the upper arm, forearm, and hand, each with its own delay and amplitude.

Tips:

• Use drag (lagging behind), overshoot (just past the target), and settle (small rebound) for credible damping.
• Vary delays per part to avoid rubbery synchronicity.
• Note mass: heavier parts have smaller, slower after-swings.

6. Slow-in and slow-out

Slow-in and slow-out (ease-in/ease-out) ensure that movements start and end naturally. Objects rarely accelerate instantly or stop abruptly: closer to the key pose, spacing and speed differences are smaller, while in the middle they are greater. Accelerating a car, someone sitting down, or a hand pressing a button benefit from this.

There are exceptions: for a bullet or mechanical robot arm, you can use less or no ease to support the character.

7. Bows

Most natural movements follow arcs rather than straight lines. Arms swing in a circle, a head nods in an arc, eyes move in small, broken arcs. Visualize and control your arcs with motion paths or onion skinning. Straight, angular paths can be used deliberately for stiff or mechanical effects, but smooth arcs are crucial for organic play.

8. Secondary action

Secondary actions support the main meaning without overshadowing it. For example, while the primary action is talking, subtle hand gestures, eyebrows, or body posture reinforce the emotion. Use them sparingly: if the secondary action becomes too prominent, it competes with the core and the scene loses clarity.

9. Timing

Timing is the distribution of poses and frames over time and determines mass, intention, and personality. More frames between poses means slower, fewer frames means faster. A heavy chest has slow acceleration and a long settle; a nervous character has short, jerky beats. Build timing with reference, test playblasts at actual speed, and listen to the rhythm of your shot or soundtrack.

10. Exaggeration

Exaggeration extracts the essence from a movement or emotion and makes it clearer and more interesting. Enlarge a squash slightly, make a smile just a little wider, or accentuate a pose for better readability. Keep it believable by respecting the internal logic: push the core, not all the details at once. Exaggeration works subtly in realistic styles and more pronouncedly in cartoonish styles.

11. Solid drawing

Solid drawing is about convincing form, volume, and balance. In 2D, that means perspective, anatomy, weight distribution, and a clear line of action. In 3D, it's about strong poses, silhouettes, and weight transfer without tangles or symmetrical stiffness. Make sure each pose is readable on its own before refining timing or overlap.

12. Appeal

Appeal is the visual and emotional appeal of your design and performance. Clear shapes, rhythm in lines, asymmetry, and recognizable proportions make characters and props pleasing to look at. Even a villain can have a lot of appeal. Avoid excessive detail noise and focus on clear shapes and consistent choices that support the character's feel.

Want to avoid pitfalls and improve faster? Use a clear checklist of dos and don'ts during your review.

Frequently asked questions about the basics of animation

What are the basic principles of animation?

The basic principles of animation are 12 guidelines that make movement believable and appealing: squash and stretch, anticipation, staging, straight ahead and pose-to-pose, follow-through and overlapping action, slow-in and slow-out, arcs, secondary action, timing, exaggeration, solid drawing, and appeal.

What are the 5 steps of animation?

A commonly used 5-step workflow is: 1) concept and script, 2) storyboard and animatic, 3) design and rigging, 4) animation (block, refine, polish), 5) compositing, sound, and delivery. Depending on the project and style, steps may overlap or be iterative. Want to get started step by step? Read How is an animation made?

What are the 4 phases of animation?

The four phases are often summarized as: pre-production (concept, script, storyboard), production (design, modeling, rigging, animation), post-production (compositing, color, audio), and distribution/publication (export, channels, optimization). Want to get more out of your pre-production? Read Writing a script for an animated video.

What is the fifth principle of animation?

The fifth principle is follow-through and overlapping action. Parts do not move simultaneously and continue after the main action, with drag, overshoot, and settle. This makes movement feel less mechanical and much more natural.