Timing vs Spacing: What Each One Controls

The difference in one sentence

Timing is how many frames an action takes. Spacing is how far the subject moves between each of those frames. Timing controls duration. Spacing controls character. They are adjusted independently, and almost every "I do not know why this looks wrong" problem in frame-by-frame animation is a spacing problem being treated as a timing problem.

The confusion is understandable, because both are expressed in frames and both change how fast something looks. But the distinction is practical, not academic: when a move is the wrong length, you change the frame count; when a move is the right length but feels mechanical, floaty, or weightless, the frame count is already correct and you need to move the drawings around inside it.

Timing: how many frames

Timing is arithmetic. Choose a duration, multiply by your frame rate, and you have your budget. A one-second action at 12 frames per second is twelve drawings. The same action at 24 frames per second is twenty-four. Nothing about the movement changed — only how finely it is sampled, which is why your frame rate should be a decision you make once, at the start, as described in animation timing and frame rates.

Timing is also where holds live. A hold is simply a drawing that occupies more than one frame, and it is one of the strongest tools you have. An action that snaps into a pose and then sits there for six frames reads as decisive. The same action with no hold at all reads as restless, because the eye is never given a moment to read the pose you worked on.

Spacing: where those frames sit

Spacing is the distance between consecutive drawings. Because the frame rate is fixed, distance per frame is velocity: wide gaps mean the subject is moving fast, narrow gaps mean it is moving slowly. Changing spacing does not change how long the action takes, so you can rework the entire feel of a move without touching its duration.

Living things cannot change velocity instantly, and neither can anything with mass. They build up to a speed and they wind down from it. So the spacing of any believable motion is uneven almost by definition, and the pattern of that unevenness is what the viewer reads as the nature of the thing moving.

Same frame count, four different moves

Each strip below uses eight drawings and covers the same distance, so all four take exactly the same amount of time. Only the spacing differs, and each one reads as a different event.

Nothing but the placement of seven dots separates "a heavy crate sliding" from "a whip crack". That is the whole argument for learning to think in spacing.

Ease in, ease out, and why both matter

The terminology trips people up, partly because software and animation history use it in opposite directions. The useful way to hold it:

• Ease out (also called slow out) describes leaving a pose. The drawings are crowded near the pose you are leaving, so the subject accelerates away from it.
• Ease in (also called slow in) describes arriving at a pose. The drawings are crowded near the pose you are arriving at, so the subject decelerates into it.

Most moves want both: a few tight frames leaving the first key, wide frames through the middle, tight frames again as it lands. The deliberate exceptions are what give a shot variety. A punch has almost no ease in — it should arrive with a hard stop, because easing into an impact drains all the force out of it. A character falling asleep has almost no ease out — the head simply starts dropping.

Using spacing to show weight

Weight is not a drawing property. You cannot shade an object into feeling heavy; you can only move it as though it were. Heaviness is communicated almost entirely by how slowly velocity is allowed to change, which means it is communicated by spacing.

Combine that with scale and you have most of the toolkit. A heavy object also travels a shorter distance for its effort, deforms less on impact, and takes longer to settle; a light object overshoots, wobbles, and recovers instantly. This interacts directly with squash and stretch, where the amount of deformation has to agree with the spacing or the two read as contradictory.

Diagnosing a move that feels wrong

When something is not working, resist redrawing. Run through these questions in order, because each one rules out a whole class of problem:

• Is it the right length? Count the frames and divide by your frame rate. If the answer disagrees with your intention, it is a timing problem — add or remove frames.
• Does it hold anywhere? A move with no held frames gives the viewer nowhere to rest. Still a timing problem.
• Are any runs of frames evenly spaced? Turn onion skinning on and look at the ghosts. Even gaps anywhere in a living motion are almost always the culprit.
• Does it arrive or does it stop? If the subject simply ceases to move, you are missing ease in — crowd two or three frames before the final pose.
• Does the deformation agree with the gaps? A wide gap with no stretch, or a narrow gap with heavy squash, reads as a mistake even when neither drawing is wrong on its own.

Onion skinning is the tool for this. Seeing several drawings at once turns spacing from something you have to remember into something you can literally look at and measure.

Common mistakes

• Adding frames to fix feel. It makes the move longer and just as mechanical. Redistribute the frames you have first.
• Easing both ends of everything. Impacts, snaps, and accents need hard stops. Uniform easing produces a soft, syrupy shot where nothing has an edge.
• Spacing that disagrees with scale. A ball that barely moves between frames should not be stretched; stretch belongs on the frames with the widest gaps.
• Judging spacing while scrubbing. Dragging through frames by hand shows you the drawings, not the motion. Play it back at the real frame rate before deciding anything.
• Fixing the middle. The middle frames of a fast move are on screen for a fraction of a second. The ends are what the viewer actually reads.

Where to go next

Spacing is easiest to feel on a single simple object, which is why the bouncing ball is still the first exercise every animator does — it is a pure spacing problem with no drawing difficulty to hide behind. From there, arcs adds the second half of the picture: not just how far apart your drawings sit, but along what path.

For the vocabulary behind this article, see keyframes and in-between frames. To put spacing to work on a full sequence, try the walk cycle, where the body rises and falls on a tight budget of drawings.