top of page

Animation Basics

Animation 101: The 12 Principles of Animation

Disney's twelve basic principles of animation were introduced by the Disney animators Ollie Johnston and Frank Thomas in their 1981 book The Illusion of Life: Disney Animation. The principles are based on the work of Disney animators from the 1930s onwards, in their quest to produce more realistic animation. The main purpose of these principles was to produce an illusion that cartoon characters adhered to the basic laws of physics, but they also dealt with more abstract issues, such as emotional timing and character appeal.

These 12 principles were initially intended for Disney animators but set the blueprint for animation from there after. While originally intended to apply to traditional, hand-drawn animation, the principles still have great relevance for today's digital animation.

 

1. Squash & Stretch

 

By squashing and stretching objects in your animation, you can make them appear flexible and affected by gravity. Maintaining ratios is key when applying this, as the volume of an object can never change if you’re accurately mimicking reality.

 

2. Anticipation

 

Think about the actions that occur before a particular movement or event, and replicate them to provide a sense of what’s about to occur. The crouch of a lion before a pounce, or the quivering of a branch before an apple drops are great examples.

 

3. Staging

 

Think about this in the same way you would as the director of a live-action film. Use staging to help direct the audience’s attention by avoiding unnecessary detail, blocking out your scene, and focusing on light and shadow.

 

4. Straight Ahead and Pose to Pose

 

Building out a scene frame by frame in a linear manner is known as “straight ahead action,” but you can also create a few frames at a time, then fill in the gaps later (“pose to pose”). Which you choose depends on what you’re trying to convey, but you’ll often want to employ a mix.

 

5. Follow Through & Overlapping Action

 

While a character or object may have stopped moving, parts of it may not. By minding this with “follow through,” a more realistic visual is created. “Overlapping action” takes into account that different parts of an object can move at different rates. Both of these are important to keep in mind for mirroring the natural world.

 

6. Slow In and Slow Out (Easing)

 

By increasing the number of frames at the beginning and end of a movement, you can put more emphasis on those initial and final motions. Again, this will create a representation of actual movement that feels truer to the viewer.

 

7. Arcs

 

Just as objects will follow a natural arc in real life, they should do so in your animation. When drawing by hand, mapping out an arc is crucial, but working with computers will of course make this much easier.

 

8. Secondary Action

 

This is another trick taken from live-action filming. People are rarely only engaged in one singular motion at at a time. Whether it’s shrugging their shoulders or playing with their hair while engaged in a particular activity, a good actor knows how to use their entire body, and your animated ones should too.

 

9. Timing

 

This is crucial in understanding a character’s mood or emotion, and it refers specifically to the number of frames for a given action. The fewer frames, the faster the action will occur, so make sure that each action you’re portraying plays out at the proper pace.

 

10. Exaggeration

 

This is where animation can become truly distinct. By exaggerating certain features or aspects of reality, an animator is able to create their own unique world, while also presenting a compelling environment for the audience, who will be bored by too conventional of a take on what they see every day.

 

11. Solid drawing

 

A thorough knowledge of how three-dimensional shapes interact with each other and their environments will create the most believable animation. Johnston and Thomas advised against creating “twins” — characters with perfectly symmetrical left and right sides — as this is not an accurate representation of real life.

 

12. Appeal

 

Appeal is the equivalent of what we would think of as charisma for actors, giving the viewer the impression that the character is real, compelling, and interesting. If your creations lack appeal, it can undermine all your hard work on every other point, so make sure you’re giving people characters they want to watch.

12 principles book.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg
Samantha Haslam Poster.jpg

Images by Samantha Haslam

Kate Robinson Graphic Design Portfolio

© 2023 by Kate Robinson Graphic Design Portfolio.

bottom of page