Visual & Performing Arts · 12th Grade · Visual Storytelling and Media Arts · Weeks 28-36

Animation Principles and Techniques

Exploring the fundamental principles of animation (e.g., squash and stretch, anticipation) and various animation styles.

TL;DR:Active learning helps students internalize abstract animation principles by making physical and visual concepts tangible. When students physically move and directly manipulate timing, spacing, and weight, they develop an intuitive understanding that transfers to their technical work. These activities bridge the gap between theoretical rules and practical application in animation.

• Common Core State Standards
• NCAS: Creating MA.Cr1.1.HSAdv
• NCAS: Producing MA.Pr5.1.HSAdv

About This Topic

The 12 principles of animation, first articulated by Disney animators Ollie Johnston and Frank Thomas in "The Illusion of Life" (1981), remain the foundation of animation education in US high school and college programs. These principles , squash and stretch, anticipation, staging, follow-through, overlapping action, and seven more , are not stylistic preferences but physical and psychological laws. They describe how living things actually move and how viewers instinctively read motion as believable or artificial.

At the 12th grade advanced level, students connect these principles to their physical basis: Newton's laws of motion manifest directly in squash and stretch, and anticipation works because it mirrors how biological organisms prepare for action. Students also compare the production pipelines, aesthetic vocabularies, and narrative traditions of 2D hand-drawn, stop-motion, and 3D computer animation, understanding each as a distinct artistic tradition.

Active learning suits animation well because the principles are immediately testable. Students who physically act out an anticipated movement before animating it internalize the feeling of anticipation in a way that watching examples alone can't produce. Peer critique of short test animations makes abstract principles specific and memorable.

Key Questions

1. Explain how the 12 principles of animation create believable movement.
2. Compare the aesthetic and technical differences between 2D and 3D animation.
3. Design a short animated sequence demonstrating a specific animation principle.

Learning Objectives

• Analyze the physical and psychological basis of the 12 principles of animation, explaining how each contributes to believable motion.
• Compare and contrast the production pipelines, aesthetic qualities, and narrative applications of 2D, 3D, and stop-motion animation techniques.
• Design and animate a short sequence that effectively demonstrates at least three core animation principles.
• Critique animated sequences, identifying the successful or unsuccessful application of animation principles and suggesting improvements.
• Synthesize knowledge of animation principles and techniques to propose an animation style for a given narrative concept.

Before You Start

Introduction to Digital Art Tools

Why: Students need foundational skills in using digital drawing or modeling software before applying animation principles within those tools.

Elements and Principles of Design

Why: Understanding concepts like line, shape, form, and balance provides a basis for applying animation principles that manipulate these elements.

Key Vocabulary

Squash and Stretch	This principle involves distorting an object's shape to emphasize its mass, momentum, and flexibility during movement, making it appear more dynamic.
Anticipation	An action taken by a character to prepare for a larger movement, such as bending knees before jumping, signaling the upcoming action to the viewer.
Follow Through and Overlapping Action	These principles describe how parts of the body or attached objects continue to move after the main action stops (follow through) and how different parts move at different rates (overlapping action), creating a sense of realism and fluidity.
Staging	Presenting an idea or emotion clearly through posing, timing, and camera angle, ensuring the viewer understands the most important part of a scene.
3D Animation Pipeline	The sequential process of creating 3D animation, typically including modeling, rigging, texturing, animation, lighting, and rendering.

Watch Out for These Misconceptions

Common Misconception

3D animation is more technically advanced than 2D, which makes it superior.

What to Teach Instead

Both 2D and 3D animation require mastery of the same foundational principles and represent distinct aesthetic traditions with different strengths. Many contemporary animators and studios deliberately choose 2D or mixed techniques for specific projects based on the story they're telling, not because of technical limitations. Comparative analysis helps students see each as a valid tool rather than a hierarchy.

Common Misconception

The 12 principles only apply to cartoon-style animation, not realistic or VFX work.

What to Teach Instead

All animation , whether stylized or photorealistic , relies on these principles. Even VFX-heavy live-action films use squash and stretch subtly to make CG creatures feel alive. The degree of exaggeration varies, but the underlying physics and perceptual principles are the same regardless of style or intended realism.

Active Learning Ideas

Maker Learning

Embodied Animation: Act It Out First

Before students animate anything, have them physically perform basic animation principles , jump and notice the squat anticipation, walk and feel the overlapping arm swing, land and feel the squash. Partners observe and identify which specific principle each movement demonstrates, then discuss how that physical experience informs an animator's choices.

30 min·Pairs

Maker Learning

Bouncing Ball Principle Challenge

Each student creates a 10-frame bouncing ball sequence using either digital tools or a paper flip book, demonstrating squash and stretch, anticipation, and follow-through. Pairs swap sequences and identify which principles their partner used successfully and which need refinement, providing specific written feedback before discussing it together.

60 min·Pairs

Stations Rotation

2D, 3D, and Stop-Motion Comparison

Set up four stations with short clips representing different animation forms: traditional Disney 2D, Pixar 3D, stop-motion (Laika Studios), and limited animation. At each station, students complete a comparison card identifying visible animation principles and the unique visual qualities of that technique, then consolidate findings as a class.

35 min·Small Groups

Real-World Connections

• Animators at Pixar Animation Studios utilize principles like squash and stretch and anticipation to bring characters like Buzz Lightyear and Woody to life in films such as Toy Story, creating believable and engaging performances.
• Stop-motion animators, such as those at Laika Studios (known for Coraline and Kubo and the Two Strings), meticulously manipulate physical puppets frame by frame, applying principles like timing and spacing to achieve fluid motion.
• Video game developers employ animation principles to design character movements and environmental interactions in real-time, ensuring responsive and visually appealing gameplay in titles like The Legend of Zelda: Tears of the Kingdom.

Assessment Ideas

Quick Check

Present students with short video clips of animation. Ask them to identify and briefly describe one animation principle demonstrated in the clip and explain how it contributes to the movement's believability. For example, 'The character's body compresses as it lands, showing squash and stretch to emphasize impact.'

Peer Assessment

Students share their short animated sequences (e.g., a bouncing ball, a character waving). Partners provide feedback using a rubric that focuses on the application of 2-3 specific animation principles. Questions include: 'Did the anticipation clearly signal the action?' and 'Was the follow-through realistic?'

Discussion Prompt

Facilitate a class discussion comparing the aesthetic and technical challenges of animating a character's emotional reaction in 2D versus 3D animation. Prompt students to consider how principles like timing, spacing, and staging might be applied differently in each medium to convey sadness or joy.

Frequently Asked Questions

What free tools can students use to practice animation principles in class?

FlipaClip (free tier, mobile and tablet), OpenToonz (free, professional-grade 2D), and Blender (free, 3D) are widely used in US high school programs. Paper flip books work for introducing squash and stretch with zero technology. Starting analog lets students focus entirely on principles rather than software interfaces, which is often the right call early in the unit.

How can active learning help students master the 12 animation principles?

Animation principles make most sense kinesthetically. Students who physically act out a principle before animating it internalize the feeling of anticipation or follow-through in a way that watching examples alone doesn't produce. Peer critique of short test animations, where classmates name the principles they can identify, creates a feedback loop that makes the learning both specific and memorable.

How do the 12 animation principles connect to physics concepts?

Squash and stretch reflects conservation of volume under force. Anticipation mirrors Newton's third law, showing the buildup before an action. Follow-through and overlapping action describe secondary motion from inertia. These connections make animation a legitimate cross-curricular entry point for physics concepts in a visual arts context, especially useful for interdisciplinary project work.

Is hand-drawn animation still a relevant skill in an industry dominated by 3D software?

Yes. Studios like Disney, Studio Ghibli, and independent animation producers still make hand-drawn work, and 3D animators who understand 2D principles are more versatile across roles. Practically, hand-drawn animation is the fastest way to test and understand the 12 principles without the technical overhead of 3D software, and the foundational skills transfer directly to any animation medium.