FRAMEBURST ACADEMY 10

Too Long; Drew & Rendered 😄 (TL;DR)

 

Animation is not just about drawing pictures.

It is about how those pictures move.

Two animations can have the exact same drawings, but one can feel natural while the other feels strange or robotic.

The secret behind this difference is Timing and Spacing.

Timing is how long an action takes.

Spacing is how far objects move between each frame.

Together, they control:

• Speed
• Weight
• Energy
• Realism

A heavy object moves differently from a light one.

A slow reaction feels different from a sudden movement.

All of this is controlled using timing and spacing.

In this lesson, you will learn:

• What timing means in animation
• What spacing means
• How they work together
• Why they make animation feel real
• How story-time animators use them to save time and improve movement

Once you understand these two principles, animation starts feeling much less like magic and much more like a skill you can control.

 

Why Your Animation Feels Stiff

(And How Timing & Spacing Fix It)

 

What Is Timing?

 

Timing in animation simply means:

How long does an action take to happen?

In animation, we measure time using frames.

So timing is basically how many frames an action uses.

For Example:

A character turns their head.

You could animate this in:

• 6 frames → very fast
• 12 frames → normal speed
• 30 frames → slow and dramatic

Same action.

Different timing.

Different feeling.

Timing controls the speed of motion and also the emotion of a scene.

For example:

Fast timing can show:

• Anger
• Surprise
• Sudden reactions

Slow timing can show:

• Sadness
• Curiosity
• Thinking

Good animators carefully choose timing to match the moment.

 

What Is Spacing?

 

Spacing is about where each frame sits during the movement.

In other words:

How far an object travels from one place to the another.

Imagine an aeroplane moving across the screen.

If every frame moves the aeroplane the same distance, the motion looks perfectly even.

But real life rarely works that way.

Most objects:

1. Start slowly
2. Speed up
3. Slow down before stopping

This means the spaces between frames change.

For example:

Small gap -> medium gap -> big gap -> medium gap -> small gap

This pattern makes the moment feel natural and alive.

Spacing controls acceleration and deceleration.

Timing vs Spacing (The Easy Way to Think About It):

 

A simple way to remember the difference:

Timing = How many drawings does the action last?

Spacing = How far the object moves each frame

Imagine a ball dropping.

Timing tells us:

How many drawings does it take for the ball to reach the ground?

Spacing tells us:

Where the ball appears in each frame during the fall.

Because of gravity, falling objects move faster and faster.

So the spacing looks like this:

Small gaps at the top
Bigger gaps near the bottom

That change in spacing creates realistic physics.

 

Why Timing and Spacing Matter So Much:

 

Beginners often believe the most important skill in animation is drawing better.

But professional animators know something different.

Movement matters more than drawing.

A simple stick figure with good timing and spacing can feel alive.

A beautifully drawn character with bad timing can feel stiff.

This is why many animation exercises start with simple objects like:

1. bouncing balls
2. moving boxes
3. swinging pendulums
4. Walk, run, and jump cycles

These exercises train your brain to understand motion first.

 

A Classic Exercise: The Bouncing Ball:

 

Almost every animator in the world starts with the bouncing ball exercise, and even I started with that.

Why?

Because it teaches timing and spacing perfectly.

Imagine a ball falling and bouncing.

When the ball falls:

Spacing increases because gravity pulls it faster.

When the ball hits the ground:

It quickly changes direction.

When it goes back up:

Spacing decreases again, for the ball slows down.

Different timing can also affect the weight and volume.

A heavy bowling ball:

1. Falls fast
2. Bounces very little

A light rubber ball:

1. Bounces higher
2. Stays in the air longer

The drawings might be similar.

But timing and spacing completely change the result.

 

How Story-Time Animators Use Timing and Spacing?

 

YouTube story-time animators often use simple animation styles.

But timing and spacing are still very important.

Instead of animating every tiny movement, creators often focus on:

• Comedic pauses
• Reaction timing
• Expression changes

For example:

A character might pause before delivering a punchline.

That pause is timing.

Or a character might suddenly jump in shock.

That quick movement is controlled by spacing.

These small choices make videos feel more hilarious and more engaging without requiring thousands of drawings.

This is one of the reasons story-time animation works so well on video platforms, like YouTube.

You can focus on storytelling and timing instead of extremely complex, Disney-style animation.

 

A Beginner Mistake to Avoid:

 

Many beginners think:

“More frames will fix my animation.”

But that is not always true.

If spacing is wrong, adding more frames only makes the animation longer, not better.

Animation is not about drawing as many frames as possible.

It is about placing a few frames smartly.

Professional animators often spend more time observing and planning the movement than drawing it.

A Simple Technique to Remember Everything:

 

Think about a flipbook again.

Timing is how many pages the movement lasts.

Spacing is how far the drawing changes on each page.

When timing and spacing work together, the motion feels smooth and believable.

Once you understand this idea, animation stops feeling random and starts feeling like something you can control.

 

Your Next Step

 

Now you understand one of the most important secrets behind believable motion.

Timing controls how long the movement lasts.

Spacing controls how that movement travels between frames.

But there is another powerful animation principle that makes characters feel like they have weight, flexibility, and energy.

Something that makes objects stretch, squash, and feel alive.

Next Thursday in your FrameBurst Academy journey, we will understand:

Squash and Stretch – the principle that gives animation its life and energy.

Once you understand this, even the simplest animation can suddenly feel full of impact and personality.

See you until the next relive. ✨🎬