Art · Primary 5

Active learning ideas

Frame by Frame: Simple Animation

Active learning works for this topic because students must physically draw and sequence frames to see how small changes make movement feel real. When they hold their own flipbooks or press play on their GIFs, the principles of squash, stretch, and timing move from abstract ideas to observable results in their own creations.

• MOE Syllabus Outcomes
• MOE: Digital Animation and Time-based Media - P5

• 30–50 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Peer Teaching
• 45 min · Pairs

Pairs: Bouncing Ball GIF

Pairs sketch 10 frames of a ball bouncing: squash on impact, stretch on rebound, vary timing for weight. Scan drawings or draw digitally, then assemble into GIF using free tools like GIPHY or Photoshop Express. Test and tweak frame speeds together.

Explain how subtle changes between frames create the illusion of life.

Facilitation Tip

During Pairs: Bouncing Ball GIF, ask partners to time their ball’s bounce with a metronome set to 60 beats per minute to anchor frame spacing.

What to look for

Show students a simple GIF animation (e.g., a bouncing ball). Ask them to identify: 'Where do you see squash? Where do you see stretch? How does the timing of the frames affect how heavy the ball looks?'

• Understand
• Apply
• Analyze
• Create
• Self-Management
• Relationship Skills

Activity 02

• Peer Teaching
• 50 min · Small Groups

Small Groups: Emotion Flipbooks

Groups create 12-frame flipbooks or GIFs of a character jumping happily (fast stretch) versus sadly (slow squash). Draw frames on paper first, discuss emotion cues, then digitize. Present to class for feedback on life-like quality.

Analyze the relationship between timing and an object's perceived weight.

Facilitation Tip

For Small Groups: Emotion Flipbooks, provide colored paper so students can use shading to emphasize squash and stretch in each frame.

What to look for

Students share their completed GIF animations. Provide a checklist for peer reviewers: 'Does the animation clearly show squash and stretch? Is the timing effective in showing speed or weight? Does the animation convey a feeling (e.g., happy, sad, energetic)?' Peers provide one specific suggestion for improvement.

• Understand
• Apply
• Analyze
• Create
• Self-Management
• Relationship Skills

Activity 03

• Peer Teaching
• 30 min · Whole Class

Whole Class: Timing Analysis Demo

Project sample GIFs with adjustable speeds. Class votes on perceived weights, then recreates one variation in shared digital canvas. Discuss how timing changes illusion of motion and emotion.

Differentiate how animation conveys emotion beyond a still image.

Facilitation Tip

In Whole Class: Timing Analysis Demo, play slow-motion videos of real bounces next to student GIFs to help them notice subtle differences.

What to look for

Ask students to draw two frames of an object falling: one just before impact, and one during impact. They should label the drawings to show 'squash' or 'stretch' and write one sentence explaining how the spacing of frames would change the speed of the fall.

• Understand
• Apply
• Analyze
• Create
• Self-Management
• Relationship Skills

Activity 04

• Peer Teaching
• 35 min · Individual

Individual: Refine Personal GIF

Students select a personal object sketch, apply squash-stretch-timing, create GIF. Export and self-assess against rubric on lifelikeness and emotion before optional sharing.

Explain how subtle changes between frames create the illusion of life.

Facilitation Tip

For Individual: Refine Personal GIF, give students a one-minute timer to test their GIF at least three times before finalizing.

What to look for

Show students a simple GIF animation (e.g., a bouncing ball). Ask them to identify: 'Where do you see squash? Where do you see stretch? How does the timing of the frames affect how heavy the ball looks?'

• Understand
• Apply
• Analyze
• Create
• Self-Management
• Relationship Skills

A few notes on teaching this unit

Start with short, clear demonstrations of squash and stretch using everyday objects like a stuffed animal or a balloon. Avoid lengthy lectures; instead, let students discover principles through trial and error. Research shows that when students manipulate frames themselves, they internalize timing and weight faster than through observation alone. Keep the focus on the relationship between deformation and emotion, not just technical precision.

Successful learning shows when students can point to their GIFs and explain how squash or stretch shapes the movement, and how spacing controls speed and weight. They should adjust frames deliberately to express emotion, not just fill pages with drawings.

---

Watch Out for These Misconceptions

• During Pairs: Bouncing Ball GIF, some students may assume that adding more frames always makes the animation smoother.

  During Pairs: Bouncing Ball GIF, have partners create two versions of the same bounce: one with 6 frames and one with 12 frames. After playback, ask them to compare which version better shows the ball’s weight and why. Redirect them to focus on squash and stretch rather than frame count.

• During Small Groups: Emotion Flipbooks, students may believe objects do not deform in real life.

  During Small Groups: Emotion Flipbooks, show a slow-motion video of a bouncing ball or a person jumping, pausing to point out the squash at impact and stretch during ascent. Then ask students to recreate those deformations in their flipbooks before adding emotion.

• During Whole Class: Timing Analysis Demo, students might think timing only affects speed, not emotion or weight.

  During Whole Class: Timing Analysis Demo, play two versions of the same GIF—one fast and one slow—and ask students to describe the ball’s weight and mood in each. Guide a discussion on how timing shapes both physical and emotional qualities in animation.

---

Methods used in this brief

• Peer Teaching