The Arts · Grade 10 · Media Arts and Digital Storytelling · Term 3

Animation Fundamentals: Principles of Motion

An introduction to the principles of animation, including timing, spacing, and squash and stretch.

• Ontario Curriculum Expectations
• MA:Cr1.1.HSII
• MA:Cr2.1.HSII

About This Topic

Animation fundamentals introduce key principles of motion: timing, spacing, and squash and stretch. Timing controls the speed and rhythm of actions, creating emotional effects like tension in slow builds or energy in rapid sequences. Spacing adjusts distances between frames to show acceleration or deceleration. Squash and stretch adds realism by deforming objects to mimic weight and flexibility, such as a ball compressing on impact and stretching as it rebounds.

In Ontario's Grade 10 Media Arts curriculum, these principles support creating and refining digital storytelling. Students analyze how professionals use them to convey character personality through movement, then design short sequences that answer key questions on emotional impact and illusion of life. This builds technical skills alongside creative expression.

Active learning excels here because students experiment directly with flipbooks or basic animation software. They tweak timing on a single motion, observe peer reactions to spacing changes, and iterate squash and stretch effects. Immediate visual feedback and collaborative critique make abstract principles concrete and memorable.

Key Questions

1. How does varying the timing of frames create different emotional impacts in animation?
2. Analyze how 'squash and stretch' contributes to the illusion of weight and flexibility.
3. Design a short animated sequence that conveys a character's personality through movement.

Learning Objectives

• Analyze how varying frame rates (timing) impacts the perceived emotional tone of an animated sequence.
• Compare the visual effects of different spacing patterns on the acceleration and deceleration of animated objects.
• Demonstrate the application of squash and stretch principles to create the illusion of weight and flexibility in a character's movement.
• Design a short animated sequence that effectively communicates a character's personality through deliberate choices in timing, spacing, and squash and stretch.
• Critique peer animations, identifying specific instances where timing, spacing, or squash and stretch could be adjusted to enhance the illusion of life.

Before You Start

Introduction to Digital Art Tools

Why: Students need familiarity with basic drawing software or animation tools to begin creating frames and sequences.

Elements of Visual Arts: Line, Shape, Form

Why: Understanding basic visual elements is foundational for creating believable animated characters and objects.

Key Vocabulary

Timing	The number of frames used to complete an action, controlling its speed and rhythm. More frames often mean slower, more deliberate movement, while fewer frames create faster, more energetic action.
Spacing	The distance between successive drawings or frames of an animation. Close spacing indicates slow movement or anticipation, while wide spacing shows fast movement or acceleration.
Squash and Stretch	A principle where an object deforms to suggest weight, flexibility, and impact. Objects gain squash on impact and stretch when moving quickly or rebounding, returning to their original shape when at rest.
Illusion of Life	The overall effect created by animation principles that makes a drawing or model appear to be alive and moving naturally.

Watch Out for These Misconceptions

Common Misconception

Animation is just about drawing smooth pictures, not physics.

What to Teach Instead

Motion principles simulate real-world physics like gravity and elasticity. Hands-on flipbook trials let students see how ignoring squash and stretch makes actions stiff, while peer demos reveal flexible, weighted results that build believable characters.

Common Misconception

Timing alone creates all motion effects; spacing is optional.

What to Teach Instead

Spacing determines perceived speed between frames. Active relays where pairs adjust spacing on identical drawings show acceleration feels dynamic only with proper gaps. Group critiques reinforce the interplay.

Common Misconception

Squash and stretch looks cartoonish and unfit for realistic animation.

What to Teach Instead

It applies universally for volume conservation. Students mimic objects in charades, then animate, discovering it adds lifelike flexibility even in subtle human motions. Collaborative playback confirms its broad value.

Active Learning Ideas

Flipbook Workshop: Bouncing Ball

Provide paper stacks and markers. Students draw 20-30 frames of a ball bouncing, applying squash and stretch by compressing the ball on ground contact and stretching it upward. They flip to test timing and spacing, then refine based on group playback. Share best versions class-wide.

45 min·Small Groups

Digital Timing Relay: Emotional Walks

Use free tools like FlipAnim. Pairs create 10-frame walks varying timing: slow for sadness, erratic for anger. One partner draws keyframes, the other adds spacing. Groups present and vote on emotional accuracy.

35 min·Pairs

Principles Charades: Motion Mimic

Whole class acts out motions emphasizing one principle, like exaggerated squash for a heavy lift. Others guess principle and suggest timing tweaks. Record on phones for playback analysis.

25 min·Whole Class

Sequence Design Lab: Personality Parade

Individuals storyboard and animate a 5-second character walk revealing traits like confidence or shyness through principles. Peer review focuses on effective use, with revisions.

50 min·Individual

Real-World Connections

• Animators at Pixar Animation Studios use timing and spacing to define character personalities, from the frantic energy of a character like Dash in 'The Incredibles' to the deliberate movements of WALL-E.
• Video game developers employ squash and stretch extensively in character animations for games like 'Super Mario Odyssey' to convey the impact of jumps, attacks, and interactions, making gameplay feel more responsive and dynamic.
• Special effects artists in film use these principles to create believable digital characters and creatures, ensuring that their movements, whether a dragon's flight or a superhero's landing, adhere to physical principles that audiences intuitively understand.

Assessment Ideas

Exit Ticket

Provide students with a simple animation of a bouncing ball. Ask them to write: 1) One sentence describing how the timing of the bounces contributes to the ball's perceived weight. 2) One suggestion for adjusting the spacing to make the ball appear to accelerate downwards faster.

Quick Check

Display two short animation clips of the same action, one with exaggerated squash and stretch and one with minimal. Ask students to hold up a card labeled 'More Realistic' or 'More Exaggerated' based on which clip they believe best demonstrates the intended effect. Follow up by asking for specific reasons why.

Peer Assessment

Students share their short animated sequences. In pairs, they use a checklist: Does the character's movement clearly convey personality? Identify one specific moment where timing could be adjusted for greater impact. Identify one specific moment where spacing could be adjusted for clarity of motion.

Frequently Asked Questions

How do animation principles like timing create emotional impact in media arts?

Timing sets pace to evoke feelings: deliberate slowness builds suspense, while snappy rhythms convey joy or chaos. Students analyze clips, noting frame rates, then apply in their sequences. This direct link to storytelling helps Grade 10 learners craft expressive digital narratives aligned with Ontario curriculum goals.

What beginner tools teach squash and stretch effectively?

Free online tools like Pencil2D or FlipAnim allow quick layering of deformations. Students draw a rigid shape first, then squash it on impact frames. Exporting GIFs for peer review shows elasticity gains, building confidence in applying the principle to character designs without complex software.

How can active learning help students master animation fundamentals?

Active approaches like flipbook relays and digital tweaks provide instant feedback on motion changes. Students collaborate to test timing variations, observe spacing effects in group playback, and refine squash and stretch through iteration. This hands-on cycle develops intuitive understanding far beyond lectures, fostering creativity and technical skill in Media Arts.

How to assess student-designed animated sequences?

Use rubrics scoring principle application: clear timing for emotion, consistent spacing for smoothness, effective squash and stretch for weight. Include self-reflection on key questions and peer feedback logs. Portfolios of iterative drafts demonstrate growth in conveying personality through motion, meeting MA:Cr1.1.HSII and MA:Cr2.1.HSII standards.