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...
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 Read core
- 2 Check understanding
- 3 Concept review
- 4 Go deeper
Current mode
Study mode: full transcript with word help and inline checks.
Study Layout
Experience
Read-along works with this web player.
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...
Simple Meaning
Word
This word has no saved lesson sentence yet.
Simple Meaning
Preparing word help...
In this sentence
No context meaning available yet.
Simple version
Example sentence
Language assist
Loading assist...
Extra language help is not ready for this word yet.
Question
Lesson vocabulary
Vocabulary
Save words from this lesson, then use flashcards and quiz here.
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.
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.