If you have ever wondered what makes animation so captivating and alive, the answer lies in the fundamental rules developed back in the 1930s. What are the 12 principles of animation is not just an academic question but a practical foundation for creating high-quality animation that captures viewers’ attention and stays in their memory for a long time.
Animation’s meaning goes far beyond the simple movement of pictures. It is the art of breathing life into characters and objects, creating the illusion of life where it does not originally exist. In today’s world of the gaming industry, cinema, and digital content, understanding the principles of animation is critically important for producing successful projects.
The History of the 12 Principles of Animation
The 12 basic principles of animation were formulated by legendary Disney animators Frank Thomas and Ollie Johnston in their famous book “The Illusion of Life: Disney Animation”, published in 1981. These 12 rules of animation are based on the work of Disney animators starting from the 1930s and their pursuit of creating more convincing and emotionally rich animation.
The principles were not developed in theory but in practice while producing such animation masterpieces as Snow White and the Seven Dwarfs, Pinocchio, and Bambi. These animation terms became a universal language for animators all over the world.
A Complete Guide to the 12 Principles of Animation
1. Squash and Stretch
Squash and stretch animation definition describes the principle that gives flexibility and liveliness to objects in animation. When a ball falls, it stretches before hitting the ground and squashes upon contact before stretching again as it bounces. It is important to remember that the object’s volume must remain consistent.
This principle applies not only to physical objects—human faces also squash and stretch while speaking, which can be exaggerated in animation to create more expressive characters.
2. Anticipation
Anticipation in animation is the preparation of the audience for an upcoming action. Before a baseball player throws the ball, he must pull his arm back, building energy for the throw. Similarly, if a character is about to move forward, he first needs to lean backward.
Anticipation not only makes the movement more realistic but also helps the audience understand what will happen next, creating a sense of naturalness and logic.
3. Staging
What is staging in animation is the way of presenting an idea so that it is absolutely clear to the audience. The staging principle of animation includes character placement, camera angle selection, lighting, and scene composition.
Good staging directs the viewer’s attention to the most important part of the scene and eliminates unnecessary details that may distract from the main action.
4. Straight Ahead Action and Pose to Pose
Straight ahead action and pose to pose are two different approaches to creating animation. Straight-ahead action means frame-by-frame animation from beginning to end, producing more spontaneous and dynamic results.
The pose-to-pose method involves creating the main keyframes first and then filling in the in-betweens. This approach gives more control over timing and proportions.
Fun Facts
Did you know that the famous squash and stretch principle was first discovered by Disney animators while working on the 1928 cartoon Steamboat Willie? They noticed that when Mickey Mouse jumped, his body naturally deformed, and this observation laid the foundation for one of the most important animation principles still used today in every project—from mobile games to Hollywood blockbusters.
5. Follow Through and Overlapping Action
Follow through and overlapping action animation describes how different body parts or objects move at different speeds. Follow through animation means that when a character stops walking, their arms may continue moving forward before settling into their final position.
Overlapping action means that the shoulder begins the motion first, then the arm, followed by the elbow, and finally, the hand lags a few frames behind.
6. Ease In and Ease Out
Ease in ease out is the principle that any object must have time to accelerate and decelerate. Slow in and slow out animation definition explains that without this principle, movements look unnatural and robotic.
When a car starts moving, it does not instantly reach full speed—it must accelerate. Likewise, when stopping, it does not instantly go from maximum speed to zero.
At VSQUAD, we understand that quality animation is not only technical mastery but also a deep understanding of motion and emotion. Our team of experienced animators applies these classical principles to modern game projects, creating characters and effects that not only impress visually but also emotionally engage players. We have worked on well-known projects such as Wayfinder, Darksiders Genesis, and SMITE, where every frame of animation was carefully crafted with all 12 principles in mind.
7. Arcs
Arcs animation definition is based on the fact that in real life, most movements occur along arched paths. Since it is unnatural for people to move in straight lines, following this principle ensures smooth, realistic motion.
Even when a character turns their head, they slightly lower it during the turn, creating an arched motion.
8. Secondary Action
What is secondary action in animation refers to additional actions that support or emphasize the main action, adding life to animation. It is important to remember that secondary actions should be subtle and not distract from the main action.
For example, if two characters are talking in a waiting room, their conversation is the main action, but if one starts tapping their foot nervously, that becomes a secondary action.
9. Timing
Timing animation definition determines the number of frames between two poses or the speed of an action. Well-chosen timing can convey mood, emotion, and character personality.
Fast timing creates a sense of energy and excitement, while slow timing conveys relaxation or solemnity.
10. Exaggeration
Exaggeration in animation helps amplify movements, make actions more engaging, and is recommended to be present in every animated sequence. Exaggeration can create extremely cartoonish motion or be used more subtly for realistic actions.
Even in realistic animation, exaggeration helps make motion more readable and interesting.
11. Solid Drawing
Solid drawing animation definition in 2D animation means creating accurate drawings that respect volume, weight, balance, and anatomy in a pose. In 3D animation, animators must think about how to pose their characters to ensure proper balance and a clear silhouette.
Avoiding “twins” is crucial, as mirrored poses—such as both hands on the hips or tucked into pockets—tend to look stiff and uninteresting.
12. Appeal
Appeal in animation can be described as adding charisma to different aspects of animation. A clear example is appeal in character design, since creating a character the audience can relate to is essential.
Animators should identify elements of a character worth emphasizing and exaggerating to create a more unique design that remains memorable. Even villains should have their own unique appeal.
Practical Insights on the 12 Principles of Animation
| Principle | Common Mistake by Beginners | Most Useful In | Industry Frequency |
|---|---|---|---|
| Squash and Stretch | Over-exaggerating so objects lose volume | Cartoons, games | Very High |
| Anticipation | Forgetting small prep movements before main action | Film, game cutscenes | High |
| Staging | Adding too many details that distract the viewer | Advertising, film | Medium |
| Straight Ahead vs. Pose to Pose | Using only one method instead of combining both | Storyboarding, 2D animation | Medium |
| Follow Through & Overlapping Action | Animating everything stopping at the same time | Game animations, VFX | High |
| Ease In & Ease Out | Moving objects at constant speed (robotic look) | UI/UX, games | Very High |
| Arcs | Using straight linear paths for natural motions | Character animation | High |
| Secondary Action | Overloading the scene with too many secondary motions | Dialogue scenes, film | Medium |
| Timing | Choosing wrong frame count, making actions too fast/slow | Games, short films | Very High |
| Exaggeration | Making actions too unrealistic when not intended | Cartoons, comedy | High |
| Solid Drawing | Using “flat” poses without weight or balance | 2D animation, concept art | Medium |
| Appeal | Forgetting that even villains need charm | Character design, branding | High |
Modern Application of the Principles of Animation
In 2024, the principles of animation remain relevant not only in traditional animation but also in modern digital media. The gaming industry, mobile apps, web design—everywhere these fundamental rules help create a higher-quality user experience.
According to a study on the influence of animation on viewers’ cognitive processes published in PMC, correctly applied principles of animation significantly improve information perception and audience emotional engagement.
Practical Tips for Applying the Principles
- Start simple — practice each principle on simple objects before moving to complex characters.
- Study reality — observe real-life movement to understand how to apply the principles.
- Experiment with timing — changing speed can dramatically alter how a character is perceived.
- Do not forget secondary actions — they add depth and realism.
FAQ
The 12 principles of animation were developed by Disney animators Frank Thomas and Ollie Johnston in the 1930s–1940s and first published in their book The Illusion of Life: Disney Animation in 1981. These principles are based on physics and consider emotional appeal.
Definitely. Although originally developed for hand-drawn animation, they fully apply to 3D animation, motion graphics, game animation, and any form of moving image.
For beginners, the most important principles are squash and stretch and timing, as they form the foundation for understanding movement and rhythm in animation.
They can be broken deliberately to achieve certain artistic effects, but first it is essential to master them to understand when and why you are deviating from the rules.
A basic understanding can be gained in a few months, but mastering them takes years of practice. Even experienced animators continuously refine their understanding of these principles.
Any tool can be used—from simple flipbooks to professional software like Maya, Blender, After Effects, or even free solutions like Krita or OpenToonz. What matters most is the understanding of the principles, not the tool.
The Power of the 12 Principles
The 12 principles of animation are not just theoretical concepts but practical tools that transform static images into living, breathing worlds. Understanding what are the 12 principles of animation opens the door to creating truly high-quality animation that captivates and stays with the audience.
In today’s world, where animation plays a key role in gaming, advertising, education, and entertainment, mastering these principles is not just desirable but essential. Whether you are working on a mobile game, a commercial, or a feature film, these fundamental rules will help you create animation that truly comes to life.
If you are ready to bring your ideas to life with professional animation, the VSQUAD team is always ready to help turn your concept into a captivating visual story. Contact us —> 📩 [email protected] or schedule a call.
