The 12 Animation Principles have formed the backbone of convincing 2D and 3D animation for decades. Originally defined by Disney animators Ollie Johnston and Frank Thomas, they provide a framework for making motion believable, legible, and engaging. In this article, you will learn what each principle means, when to apply it, and how to avoid pitfalls, with practical examples you can use immediately in your own workflow. New to animation? Read what an animation video is.
Undecided between styles? Read more about 2D animation and 3D animation to determine where the principles work best for you.
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 the volume visually remains the same. The same applies to facial expressions, muscles, or clothing: subtle deformations make movement more lifelike.
Practical tips:
Anticipation is the preparatory movement that tells the viewer what is about to happen. For a jump, you first bend your knees; for a throw, the arm moves back. That brief counter-movement makes the action legible, directs energy, and improves timing. You also use it in camera animation: a subtle counter-swing for a pan or dolly helps the eye follow.
Staging is all about clear staging: your composition, framing, and timing guide the eye to the essence. Work with clear silhouettes, sufficient contrast, and depth to separate forms. Limit simultaneous actions that compete with each other and move the camera only when it supports the story. Less noise means more understanding and impact.
There are two main approaches to animation. Straight ahead involves working forward 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 in-betweens. It is perfect for dialogue, character actions, and complex staging.
Practical working method:
Would you like a broader overview of what is possible? View the types of animations.
Follow-through is the winding down and damping out of movement after the main action stops; overlapping action means that different parts do not start or stop at exactly the same time. Think of hair, a coat, or a ponytail that swing through and only come 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:
Slow-in and slow-out (ease-in/ease-out) ensure that movements start and end naturally. Objects rarely accelerate instantaneously or stop abruptly: closer to the key pose, spacing and velocity differences are smaller, while in the middle they are larger. A car accelerating, someone sitting down, or a hand pressing a button benefits from this.
Exceptions exist: for a bullet or mechanical robot arm, you can use less or no ease to support the character.
Most natural movements follow arcs rather than straight lines. Arms swing in a circle, a head nods over 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 intentionally for stiff or mechanical effects, but for organic acting, fluid arcs are crucial.
Secondary actions support the main meaning without overshadowing it. While the primary action is, for example, 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.
Make complex information clear, understandable, and convincing
Timing is the distribution of poses and frames in time and determines mass, intention, and personality. More frames between poses means slower; fewer frames mean faster. A heavy chest has slow acceleration and a long settle; a nervous character has short, jerky beats. Build timing using reference, test playblasts at actual speed, and listen to the rhythm of your shot or soundtrack.
Exaggeration extracts the essence from a movement or emotion and makes it clearer and more interesting. Slightly enlarge a squash, make a smile just a little wider, or accentuate a pose for better readability. Maintain credibility by respecting the internal logic: push the core, not all the details at once. Exaggeration works subtly in a realistic style and more pronouncedly in a cartoonish style.
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 is about strong poses, silhouettes, and weight displacement without tangles or symmetrical stiffness. Ensure that each pose is legible on its own before refining timing or overlap.
Appeal is the visual and emotional attraction of your design and performance. Clear forms, 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 sense of character.
Avoid pitfalls and improve faster? Use a clear checklist with do's and don'ts during your review.
Is your question not listed? Feel free to ask.
Ask your questionThe 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.
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 coincide or proceed iteratively. Want to get started step-by-step? Read How an animation is made.
The 4 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.
The 5th 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.
Would you like to apply these 12 animation principles to a professional 2D or 3D animation for your brand or product? At Animation Agency , we translate your story into clear staging, strong timing, and compelling movement. Contact us or view our 2D animations at animation-agency.nl.
Whether it concerns an ambition, product, process, technology, or idea: we make visible what makes it special and translate it into imagery that is clear, convincing, and impossible to ignore.
