Back to Archive
Intermediate (B1) Explainer Technical Lesson Students

B1: How Animation Creates Movement

Quality checked lesson

A fun B1 technical explainer about how animation creates the illusion of movement through frames, timing, key poses, in-between motion, body language, and visual tricks that mak...

Illustration 1: Animation works because it uses a series of images that are almost the same, but not ex...

Transcript

Choose how to use this lesson

You can switch anytime.

Today's path

One clear way through the lesson

Start with Read core, then move forward when you feel ready.

  1. 1 Read core
  2. 2 Check understanding
  3. 3 Concept review
  4. 4 Go deeper

Current mode

Study mode: full transcript with word help and inline checks.

Introduction

to Ovi we are at you on screens the Why do A cartoon can wave, a character can and a can jump. Yet is a The secret is At it But the is and logical. Our and When the fast we do not to them. We If you have a character or their you have this at

The Explanation

it a of that are the but not the is a is When frames the joins them scene.

Check your understanding

?

What are the images in animation called, and how are they usually different from each other?

You can start like this: It is...

In and 24 frames is a speed. That 24 in At that speed, the smooth. If the speed is the can jumpy. That is why so

The of is in 1888, celluloid to Between 1895 and 1920, and inventors They drawings, puppets, cutouts, and objects. by Others and photographed them at a

Check your understanding

?

When did modern animation begin, and what made moving images easier to create?

You can start like this: It is...

For of the 20th was the main a character then the and then the studios Digital is in and Stop is In an animator a object a a and it The but the the alive.

A is of the in It a main in the Think of a then jumping, then Those poses are They the scene its The animator does not to tiny

that, the animator adds frames. These are the the They the to Because of these frames, the smooth of stiff. In Pixar’s animators the to scene. Then they the those poses.

Check your understanding

?

Why does animation feel smooth instead of stiff, according to Pixar’s process?

You can start like this: Because...

This is why is A character is not the It is and A bent can A can A can A quick can The the viewer what the character

Facial expression In Science Behind Pixar, animators that and expression In the Luca, Giulia’s face and the character the viewer can the This is helpful in visual the the emotion

Check your understanding

?

What two things help show a character’s personality in animation?

You can start like this: It is...

the scene of an lasts on A fast wave can or impatient. A wave can or The is the but the That is can a so

Animators This a a A face can a face would. A jump can a jump. This does not the scene It the emotion to Viewers can the

technique is an object shorter and it and thinner. A bouncing when it the Then it when it jumps up. That us and It is a but it a

Check your understanding

?

What does a small stretch after a jump help viewers feel?

You can start like this: It is...

The is a of the It patterns. When fast and in the them. It fills the That is why a of drawings can a It is why in The viewer is not The viewer is the

So is It is and visual The animator the main poses, adds the frames, and the with and Hand-drawn and the That is what drawings, and 3D alive on

Think about it

?

What do all animation styles use when an animator chooses main poses, adds in-between frames, and shapes the feeling?

You can start like this: It is...

Key Takeaways

you the secret fast, can The the frames, and the character alive. frames, and If you this, dot and the with curious

Step: Concept review

Technical Concepts

Start with the core ideas before opening the full concept map.

frame

A frame is one single picture in an animation. Many frames shown quickly create the feeling of motion.

The frame is the basic unit of animation. If you understand frames, you can understand how still images become moving action.

frame rate

Frame rate is the number of frames shown in one second, such as 24 frames per second.

Frame rate changes how smooth or jumpy motion looks. A higher rate usually gives smoother movement.

key frame

A key frame is an important main pose in an action, like the start, middle, or end of a jump.

Key frames give structure to movement. They help animators plan the most important moments first.

in-between

An in-between is a frame placed between key frames to connect one main pose to the next.

In-betweens make motion look smooth and natural instead of sudden and stiff.

Discussion

Open question 1 · opinion

Why do you think animation can make drawings or clay figures feel alive to viewers?

Follow up: How do the fast-changing frames help the brain turn separate pictures into one moving action?

Open question 2 · opinion

What is the difference between key frames and in-between frames, and why do both matter?

Follow up: If an animator only used key frames, what would the movement look like?

Open question 3 · opinion

Do you think hand-drawn animation, stop motion, or digital animation is the most interesting style? Why?

Follow up: What special feeling or effect does that style create that the others may not?

Open question 4 · personal_experience

Have you ever watched a cartoon, game, or short video and noticed how a character’s body or face showed emotion before they spoke?

Follow up: What did the movement or expression tell you about the character’s feelings?

Go deeper

Practice

Check your understanding

?

What is a frame in animation?

Check your understanding

?

Why do key frames matter?

Check your understanding

?

What are in-between frames?

Key Concepts

frame

A frame is one single picture in an animation. Many frames shown quickly create the feeling of motion.

The frame is the basic unit of animation. If you understand frames, you can understand how still images become moving action.

frame rate

Frame rate is the number of frames shown in one second, such as 24 frames per second.

Frame rate changes how smooth or jumpy motion looks. A higher rate usually gives smoother movement.

key frame

A key frame is an important main pose in an action, like the start, middle, or end of a jump.

Key frames give structure to movement. They help animators plan the most important moments first.

in-between

An in-between is a frame placed between key frames to connect one main pose to the next.

In-betweens make motion look smooth and natural instead of sudden and stiff.

timing

Timing is the choice of how long an action takes and how many frames it uses.

Timing changes meaning. The same movement can feel fast, heavy, careful, funny, or angry depending on timing.

exaggeration

Exaggeration means making a movement, pose, or expression bigger or clearer than real life.

It helps the viewer read the action quickly and feel the emotion more strongly.

squash and stretch

Squash and stretch is a visual rule where a moving object becomes wider and shorter or longer and thinner during motion.

It shows weight, force, speed, and energy. It makes motion feel more alive.

body language

Body language is meaning shown by posture, gesture, and facial expression.

Animation is not only motion. It is also communication. Body language tells the viewer what a character feels or wants.

persistence of vision

Persistence of vision is the idea that the brain and eyes connect fast-changing images into one moving action.

This explains why animation works at all. The viewer does not only see separate pictures; the brain joins them into motion.

animation technique

An animation technique is the method used to create frames, such as hand-drawn animation, stop motion, or digital animation.

Different techniques use different tools, but they all depend on frames, timing, and small changes between images.

basic motion illusion

frame -> frame rate -> persistence of vision

A single frame is only one picture. When many frames appear at a certain speed, the brain connects them and sees movement.

building an action

key frame -> in-between -> timing

Animators first choose the main poses, then add connecting frames, then control how long each part lasts. This creates clear and believable action.

making motion expressive

body language -> exaggeration -> squash and stretch

A movement must show meaning, not only position. Body language gives emotion, exaggeration makes it clearer, and squash and stretch adds force and life.

same principle different tools

hand-drawn animation -> stop motion -> digital animation

In hand-drawn animation, each frame is drawn. In stop motion, a real object is moved and photographed. In digital animation, virtual models are posed on a computer. The tools change, but the motion idea stays the same.

More discussion

Open question 5 · opinion

How is a fast wave different from a slow wave in animation, and how can the same action send different messages?

Follow up: Can you think of another action that changes meaning when the timing changes?

Open question 6 · comparison

How are squash and stretch similar to real-life movement, and how are they different?

Follow up: Why do you think animators change the shape of an object instead of keeping it the same size all the time?

Lesson summary

A fun B1 technical explainer about how animation creates the illusion of movement through frames, timing, key poses, in-between motion, body language, and visual tricks that mak...

Lesson vocabulary

Vocabulary

Save words from this lesson, then use flashcards and quiz here.

0 saved0 due0 mastered

Practice your saved words. We'll bring back the ones you need to review.

Flashcards

No saved words yet

Tap words in the transcript to start your lesson vocabulary.

Listen Again

You listened, read, and studied the lesson. Now listen one more time and notice how much more you understand.

Visit the YouTube channel

Re-listening after studying helps you remember new words better.

Quick feedback

If something felt confusing, broken, or especially helpful, send one short note before you move on.

Resources

Next B1 lesson

This keeps you inside B1 by default. Browse all lessons if you want a stretch.