The Animator's Sketchbook: Decoding the 12 Principles with Simple, Everyday Analogies

Every animator remembers the first time they saw a bouncing ball come to life on screen. That simple loop—squash, stretch, arc—contains almost all the principles we need. But memorizing a list of twelve rules is not the same as feeling them in your hand. This guide is for anyone who has read the original Disney book and still wondered, “Okay, but what does ‘follow-through’ actually look like in my scene?” We will use analogies from daily life—a slammed door, a dripping faucet, a tired sigh—so each principle clicks without a textbook nearby.

Why Beginners Struggle and What Goes Wrong Without the Principles

New animators often produce work that feels stiff or robotic. The character moves, but it does not feel alive. The reason is almost always a missing principle—usually squash and stretch or anticipation. Without squash and stretch, a bouncing ball looks like a rigid sphere sliding across the floor. Without anticipation, a character who reaches for a glass seems to teleport their hand to the object. The viewer does not consciously know what is missing, but they sense it. The motion lacks weight and intention.

Another common pitfall is timing. Beginners tend to make movements too uniform—every frame has the same spacing, creating a mechanical, even pace. Real motion has rhythm: fast parts, slow parts, pauses. The principles of slow in and slow out (or ease in and ease out) address exactly this. When we skip them, the animation feels like a metronome instead of a living being. The same goes for arcs. A hand moving in a straight line looks unnatural; organic motion follows curved paths. Without arcs, characters move like robots on a grid.

Beyond the visual, the principles also affect storytelling. A scene where a character is sad might use slow, heavy movements with lots of overlapping action (a drooping head, dragging feet). If you animate that scene with uniform speed and no follow-through, the sadness does not read. The audience might just see a character walking. The principles are tools for communication, not just decoration. When we ignore them, we lose the emotional subtext that makes animation powerful.

Finally, there is the trap of overcomplicating. Some beginners think they need to apply all twelve principles to every single frame. That is not how it works. Each principle is a tool for a specific problem. Squash and stretch is for elasticity; anticipation is for clarity; secondary action is for richness. The goal is to learn which principle solves which problem, not to check off a list. This article will give you a mental framework—everyday analogies—so you can diagnose what is missing in your animation and fix it quickly.

What You Need Before Diving In: Mindset and Simple Setup

You do not need expensive software or a degree to start practicing the principles. A pencil and paper, or a free 2D animation program like Krita or Pencil2D, is enough. What you really need is the willingness to draw the same ball bouncing fifty times until it feels right. The principles are learned through repetition, not reading. So before you start, accept that your first ten attempts will look terrible. That is normal. Each failure teaches your eye to see the missing arc or the wrong timing.

It also helps to think in terms of physics, not art. Animation is about simulating forces: gravity, momentum, friction, elasticity. The 12 principles are just shortcuts for these forces. For example, squash and stretch shows how an object deforms under pressure. Anticipation shows how a body stores energy before releasing it. Follow-through shows how momentum carries parts of a body after the main action stops. If you understand the physical cause, the principle becomes intuitive.

A good way to prepare is to set up a simple reference library. Record yourself doing everyday actions—sitting down, throwing a ball, waving. Watch it in slow motion. Notice how your body moves: your arm overshoots slightly, your fingers trail behind, your head dips before you stand up. That is overlapping action, follow-through, and anticipation in real life. Your own body is the best reference. You do not need a mocap suit; just a phone camera and a few minutes of filming.

Finally, decide on a practice workflow. We recommend the “one principle per week” approach. Pick one principle, find a simple action that embodies it (like a bouncing ball for squash and stretch), and animate it at least ten times. Each version, change one variable: speed, weight, material. A rubber ball bounces differently than a bowling ball. A sad character walks differently than an excited one. By isolating the principle, you learn its range. After a few weeks, you will start seeing the principles everywhere—in movies, in real life, in your own sketches. That is when they become second nature.

The Core Workflow: Applying Each Principle with an Analogy

Let us walk through the twelve principles one by one, using a concrete analogy for each. We will keep the explanations short and visual, so you can try them immediately.

Squash and Stretch – The Water Balloon

Imagine dropping a water balloon on the floor. As it hits, it flattens (squash). As it rebounds, it elongates (stretch). The volume stays the same—it just changes shape. In animation, every object that moves should show some squash and stretch, unless it is made of rigid metal. Even a wooden stick bends slightly when it hits the ground. The key is to keep the volume consistent: if the ball squashes too wide, it looks like it is losing mass. Practice by animating a bouncing ball with a constant volume circle.

Anticipation – The Backswing

Before a golfer swings, they pull the club back. Before a character jumps, they crouch. Anticipation is the backward motion that prepares the audience for the main action. Without it, the action feels sudden and confusing. Think of a door slamming: the hand pulls back slightly before pushing forward. That tiny pull tells the viewer, “Something is about to happen.” In your animation, add a few frames of reverse motion before any major action—a character winding up to throw a punch, or a head tilting back before nodding.

Staging – The Spotlight

Staging is about presenting an idea so clearly that the audience cannot miss it. Imagine a stage play: the actor stands in the light, faces the audience, and the background is simple. In animation, staging means using composition, timing, and clear silhouettes to focus attention. If a character is sad, do not hide them behind a tree. Use a downward pose, a slow pace, and maybe a rain effect. Every element should support the main idea. Ask yourself: if I remove everything else, would the action still be readable?

Straight Ahead and Pose to Pose – The Road Trip vs. the Map

Straight ahead animation is like driving without a map—you draw frame by frame, discovering the motion as you go. It is great for chaotic, organic movements like fire or water. Pose to pose is like planning a road trip with key stops. You draw the main poses first (the keyframes), then fill in the in-betweens. This gives you control over timing and staging. Most professionals use a mix: pose to pose for structure, straight ahead for flourishes. For a walk cycle, start with contact poses (feet on the ground), then add passing poses, then in-between.

Follow-Through and Overlapping Action – The Scarf

Imagine a character wearing a long scarf. When they stop walking, the scarf keeps moving for a few frames—that is follow-through. Different parts of the scarf move at different times—that is overlapping action. In a character, when the arm stops, the hand and fingers continue. When the head turns, the hair lags behind. To practice, animate a simple flag or a dog’s ear. The main action stops, but the attached parts keep going, then settle with a slight overshoot and return.

Slow In and Slow Out – The Train

A train does not start at full speed. It accelerates slowly (slow out) and decelerates slowly (slow in). In animation, most actions need more frames at the beginning and end of the movement, and fewer in the middle. For a bouncing ball, the ball is moving fastest at the bottom of the bounce (few frames) and slowest at the top (many frames). This creates a natural rhythm. If you space frames evenly, the motion looks mechanical. Use the spacing chart in your software to create ease curves.

Arcs – The Pendulum

A pendulum swings in an arc, not a straight line. Almost all organic motion follows curved paths. A hand reaching for a cup traces a gentle curve, not a straight line. A head turning moves in an arc. To check for arcs, use the onion skin or motion trail feature. If your character’s hand moves in a straight line, add a curve by adjusting the in-between positions. Arcs give motion fluidity and grace.

Secondary Action – The Sneeze

When a character sneezes, the main action is the sneeze itself. But secondary actions—like their glasses sliding down their nose, or their hair flying up—add realism and interest. Secondary actions should support the main action, not distract from it. If a character is sad, a secondary action might be a tear rolling down, or their shoulders slumping. Keep it subtle. Too many secondary actions can clutter the scene.

Timing – The Beat of a Song

Timing is the number of frames for an action. More frames = slower action; fewer frames = faster. But timing also affects perception: a fast action can feel energetic or frantic; a slow action can feel heavy or sad. A character taking 24 frames to sit down feels thoughtful; taking 6 frames feels startled. Experiment with timing to change the mood. Use a metronome or a music track to internalize rhythm.

Exaggeration – The Caricature

Exaggeration does not mean making everything wild. It means pushing the essence of an action to make it clearer. A classic example: a character who is surprised does not just raise their eyebrows—they jump back, eyes wide, mouth open. The exaggeration should serve the story. A sad character might droop so much they look like a wilted flower. The audience will understand the emotion instantly. Start by drawing the realistic version, then push it 20% further.

Solid Drawing – The Skeleton

Even in 2D animation, characters need to feel three-dimensional and grounded. Solid drawing means understanding volume, weight, and perspective. A character standing on one foot should shift their weight so they do not look like they are floating. Practice drawing simple forms (spheres, cylinders, cubes) from different angles. Use construction lines and check proportions. If your character looks flat, add a twist in the torso or a slight tilt to the head.

Appeal – The Friendly Face

Appeal is not about making characters pretty. It is about making them interesting and engaging. A villain can have appeal—think of Scar from The Lion King. Appeal comes from clear silhouettes, simple designs, and expressive poses. Avoid cluttered designs. A character with a strong silhouette can be recognized even in a dark outline. To test appeal, draw your character in a few key poses and show them to someone. If they can immediately tell the emotion, you have appeal.

Tools and Setup for Practice

You do not need a high-end workstation. For 2D animation, a tablet (even a cheap one) and a free program like Krita or OpenToonz are enough. Focus on the tools that help you see the principles: onion skinning for arcs, timeline for timing, and a simple brush for quick sketches. Avoid spending hours on clean lines while practicing—rough sketches are better because you can iterate faster. Set up a minimal workspace: a dark background so you can see the onion skin, and a simple color for your brush. Save each version with a new file name so you can compare progress.

For timing, use a frame rate of 24 fps (frames per second) for film, or 12 fps for a more stylized look. When testing timing, play the animation at full speed and also at half speed. A common mistake is to make actions too fast because you are used to seeing them in real time. Slow down and check each principle. Use the “timing chart” feature in your software to adjust spacing between keyframes.

Reference videos are your best tool. Record yourself performing the action, then import the video into your animation software and draw over it (rotoscoping) to capture the motion. Even if you do not use the final drawings, the process trains your eye to see arcs and timing. Another helpful practice is to animate a simple character—a stick figure or a ball with eyes—and apply each principle one by one. For example, animate a stick figure waving. First, just the arm moving. Then add anticipation (arm pulls back), follow-through (hand overshoots), arcs (curved path), and secondary action (body sways). Each addition makes the wave feel more alive.

Variations for Different Constraints

The principles adapt to different situations. For a short, low-budget project, you might focus on timing and staging because they have the biggest impact per frame. For a character-driven piece, squash and stretch and overlapping action become more important. If you are animating for social media (short loops), exaggeration and appeal matter most because you need to grab attention quickly. For a realistic style, use subtle squash and stretch and careful arcs; for a cartoon style, push exaggeration and anticipation further.

When working with limited frames (like a 12 fps web animation), you can still use the principles. Anticipation can be a single frame of reverse motion. Follow-through can be a two-frame overshoot. The key is to use the principle in a compressed way. For example, a quick punch: one frame of anticipation (fist pulls back), one frame of impact (squash), one frame of follow-through (arm extends slightly past the target). That is three frames, but it reads clearly.

If you are animating a walk cycle, the principles work together. The body bobs up and down (squash and stretch), the arms swing with arcs, the head anticipates the next step with a slight tilt, and the hair has overlapping action. A walk cycle is a great exercise because it combines almost all principles. Start with a simple walk on the spot, then add personality: a tired walk has more vertical bobbing and slower timing; a happy walk has more bounce and exaggerated arm swings.

Common Pitfalls and How to Fix Them

One frequent mistake is making squash and stretch too extreme without keeping volume constant. The ball becomes a pancake and then a needle. To fix it, use a circle as a guide and ensure the area inside the shape stays roughly the same. Another issue is timing that is too uniform. If your animation looks robotic, check the spacing between keyframes. Use the graph editor to create ease-in and ease-out curves. A third pitfall is forgetting anticipation. If a character jumps without crouching first, it looks like they are being pulled upward by a string. Add at least three frames of crouch before the jump.

Overlapping action is often neglected. When a character stops, everything stops at the same time. That creates a stiff, unnatural freeze. To fix it, let the hair, clothes, or tail continue moving for a few frames after the body stops. Then let them overshoot and settle back. Use the scarf analogy: the body stops, but the scarf drags, overshoots, and wobbles to a stop. Finally, many animators ignore arcs. They draw the in-betweens on a straight line because it is easier. But that destroys the fluidity. Use onion skin to check the path of motion. If it is straight, add a curve by moving the in-between positions slightly off the line.

Frequently Asked Questions

Do I need to use all twelve principles in every animation? No. Use only the ones that serve the action. A bouncing ball does not need secondary action or appeal. A simple blink might only need timing and squash and stretch. Choose principles based on what the motion requires.

How do I know if I am applying a principle correctly? Play the animation and ask a friend what they see. If they can describe the action in terms of weight, emotion, or intention, you are on the right track. If they say “it looks weird,” check anticipation and timing first.

Can I use these principles in 3D animation? Yes, the same principles apply, but the implementation differs. In 3D, you adjust curves in the graph editor instead of drawing frames. But the concepts of squash and stretch, anticipation, and arcs remain the same.

What is the best first exercise? The bouncing ball. It teaches squash and stretch, timing, arcs, and slow in/out. Once you can make a ball feel like rubber, then like a bowling ball, you have internalized four principles. Then move to a pendulum (arcs and follow-through), then a character jumping (anticipation and squash and stretch).

How long does it take to learn the principles? Most animators feel comfortable after three to six months of regular practice. But the principles are a lifelong refinement. Even veteran animators revisit them for each new project. The goal is not perfection but constant improvement.