How does stop-motion animation work?

One minute of stop-motion is 1,440 photos, and a good animator makes about four seconds a week. Nudge a clay chai-wallah frame by frame, look inside his metal skeleton, make him talk with swapped mouths, ghost the last frames with onion skin, and plan your own film on a phone.

StopMotionClearOpened 2 Sept 202614 min to playFree · no sign-up

In 60 seconds

  1. One frame at a time

    An animator moves a puppet a few millimetres, steps away, and the camera takes one photo. Played back at 24 frames a second the photos become motion. Animating on twos (12 poses a second) still needs 720 poses a minute. An Aardman animator makes about 4.2 seconds of film a week; on Coraline, 29 animators made 90 to 100 seconds a week together.

  2. Puppets and armatures

    Inside a puppet is a metal skeleton with ball-and-socket joints, tightened so they hold any pose. The skin is clay, cast silicone or foam latex. Tie-down screws or magnets hold the feet when the centre of mass is not over them, and rigs hold jumps, painted out later in VFX.

  3. Faces that talk

    Animators match about eight mouth shapes to the voice, frame by frame. They either re-sculpt the clay each frame or swap in pre-made mouths (replacement animation). LAIKA 3D-printed about 20,000 faces for Coraline and 102,000 for Missing Link.

  4. Onion skin and flicker

    Frame-grab software shows the live camera view with the last frames ghosted over it, so the animator can check spacing: a falling ball should speed up. Frames are shot minutes apart, so daylight, auto exposure or a bumped tripod make flicker. Blackout, lamps, manual exposure and a locked-off camera fix it.

  5. Not only puppets

    Cut-out paper on multiplane glass (Lotte Reiniger, 1926), pixilated people (Norman McLaren's Neighbours, 1952), dancing matchsticks (Dadasaheb Phalke, 1915) and sand on a light box (Caroline Leaf, 1969) all use the same trick.

  6. Make your own

    A phone on a tripod, a lamp and some clay are enough. A 5-second clip at 12 fps is 60 photos. Tape the tripod down, keep your hands off the phone, lock exposure, shut the curtains and stick the puppet down.

The history

130 years of moving things a little and taking a photo: from wooden circus toys and beetles to 3D-printed faces and wool.

Read the full history
  1. 1898Toy acrobats in The Humpty Dumpty Circus
  2. 1915Dancing matchsticks in India
  3. 1926A feature cut from paper
  4. 1953Harryhausen's split-screen monsters
  5. 1993The Nightmare Before Christmas
  6. 2016Kubo and a 5-metre skeleton

The full explanation

StopMotionClear, chapter by chapter

Chapter 1

One frame at a time

Nudge the puppet, take a photo, repeat. Play the photos fast and it walks.

Nothing on a stop-motion set ever moves on its own. An animator bends the puppet a tiny bit, steps out of the way, and the camera takes one photo, called a frame. Then they do it again. And again.

Play the photos back quickly and your brain joins them into smooth movement (the same trick as all film, see FilmClear). Cinema runs at 24 frames a second. Many stop-motion films are animated on twos: each pose is held for two frames, so the animator makes 12 poses for each second.

That means 1 minute of film needs 1,440 frames, or 720 poses on twos. No wonder it is slow. At Aardman, the studio behind Wallace & Gromit, one animator makes about 4 seconds of film a week. On Laika's Coraline (2009), 29 animators together made about 90 to 100 seconds a week.

The size of each nudge sets the speed. Big moves between frames make a fast, jumpy walk. Tiny moves make a slow, smooth one.

Try “One frame at a time” in the interactive model →

Chapter 2

Puppets and armatures

A metal skeleton with stiff ball joints, a soft skin, and screws in the feet.

A stop-motion puppet has to hold any pose you give it, for as long as the camera needs, and then move again. Inside most puppets is an armature: a small metal skeleton with ball-and-socket joints. Each joint is squeezed by a screw so it is stiff enough to hold a pose, but loose enough to move by hand.

Over the armature goes the skin. Clay (plasticine) is easy to reshape, which is why clay films look so hand-made. Silicone is poured into a mould and is tough and skin-like. Foam latex is light and squashy but wears out, so spares are made.

A puppet only stands on its own while its centre of mass is above its feet. In a walk or a lean it often isn't, so animators use tie-downs: a screw from under the baseboard into a threaded plate in the foot, or a magnet under the floor and a steel plate in the shoe.

For a jump, a rig (a posable arm clamped to the puppet) holds it in the air. The rig shows in the photos, so it is painted out later, a job for the visual effects team (see VFXClear).

Try “Puppets and armatures” in the interactive model →

Chapter 3

Faces and replacement animation

Swap a mouth each frame, or sculpt it. Make a puppet talk in sync with a voice.

To make a puppet talk, animators listen to the voice recording and write down which sound is heard on which frame. This is called lip sync. Most speech can be shown with about eight mouth shapes: M-B-P (lips shut), A-I, E, O, U, F-V, L, and rest.

There are two ways to change the mouth. Sculpting: push the clay into a new shape every frame. It can make any shape, but it is slow, and each mouth is slightly different, so it shimmers. Replacement animation: make each mouth in advance as a separate piece, and swap it on, often held by tiny magnets. It is fast and neat on set.

The studio LAIKA 3D-prints its replacement faces. It printed about 20,000 faces for Coraline (2009), and over 100,000 for Missing Link (2019). Upper and lower halves mix, so a face can make millions of expressions.

Try “Faces and mouths” in the interactive model →

Chapter 4

Onion skin, spacing and flicker

See the last frames ghosted on the live view, space a bounce, and stop the flicker.

Stop-motion animators shoot through frame-grab software on a computer (Dragonframe is a popular one). It shows the camera's live view with the last few frames laid over it, faded, like thin layers of onion skin. This onion skin lets you see exactly how far you moved the puppet since the last frame.

That distance is the spacing, and it is where the life comes from. A falling ball speeds up, so its spacing gets wider near the floor and closer at the top. Move it the same amount every frame and it looks mechanical. (Spacing and ease are two of the 12 principles of animation, see Anim2DClear.)

A photo is taken minutes apart from the next one, so anything that changes in between shows up as a jump. Daylight drifting through a window, a camera that gets bumped, or a camera that re-sets its exposure each shot all make the picture flicker. The fix: black out the windows, use steady lamps (see LightingClear), set the camera to manual, and lock off the tripod.

Try “Onion skin” in the interactive model →

Chapter 5

Paper, people, matches and sand

The same one-frame-at-a-time trick works with almost anything you can move.

Stop-motion is not only puppets. Anything you can move a little and photograph can be animated.

Cut-out animation uses flat paper shapes with pinned joints. On a multiplane stage, layers sit on sheets of glass at different heights under a camera pointing down. Near layers are moved further each frame than far ones, which gives a feeling of depth. Lotte Reiniger made a whole feature from paper silhouettes, The Adventures of Prince Achmed (1926).

Pixilation animates real people. Photograph someone at the top of every jump, a little further along each time, and they seem to float. Norman McLaren's Neighbours (1952) made it famous. Object animation moves everyday things: in 1915 Dadasaheb Phalke, the father of Indian cinema, made a short film of dancing matchsticks. Sand animation pushes sand around on a glass sheet lit from below.

And puppets go back a long way: in the 1910s Ladislas Starewicz made films with insect puppets.

Try “Other kinds” in the interactive model →

Chapter 6

Make your own stop-motion with a phone

A phone, a tripod, a lamp and some clay. Plan the shots, count the frames, avoid the five classic mistakes.

You can make stop-motion with a phone. Put it on a small tripod, build a tiny set on a desk with a sheet of card behind it, and use a free stop-motion app: it takes the photos, shows onion skin and plays your film back.

Plan first. A 5-second clip at 12 frames a second is 60 frames. Split it into shots: a wide shot to show the place, a close-up for a feeling, and a detail. Move things in small steps: a few millimetres a frame for a slow walk. Keep a pose for a few frames when the character thinks.

Avoid the five classic mistakes. A phone that gets knocked makes the picture jump. Tapping the screen shakes it too. Auto exposure makes the brightness pump. Daylight from a window makes the film flicker. And a puppet that is not stuck down slides and falls. Fix all five and your film looks steady and smooth.

Want more? The camera is explained in CameraClear, light in LightingClear, and sound effects in SFXClear.

Try “Make your own” in the interactive model →

Test yourself

Frequently asked

How many frames are in one minute of film at 24 frames a second?

1,440. 60 seconds × 24 frames = 1,440 frames. On twos that is still 720 separate poses.

Animating "on twos" at 24 fps means…

Each pose is shot for two frames, 12 poses a second. Each pose is held for two frames. The film still runs at 24 fps, but there are only 12 new poses each second.

You make the puppet move twice as far between frames. On screen it…

Moves twice as fast. Speed on screen is the move per frame times the frames per second. Double the nudge and the speed doubles.

Why do armature joints need to be stiff?

So the puppet holds each pose while the frame is shot. The pose must stay exactly still between frames. The joint’s friction has to hold the limb against gravity.

A puppet leans so far that its centre of mass is in front of its toes. What keeps it up?

A tie-down screw or magnet in the foot. A tie-down locks the foot to the baseboard, so it can hold the tipping moment.

How is a puppet shown in mid-air for a jump?

A rig holds it, and the rig is removed in VFX later. A rig arm clamps to the puppet between frames. Visual effects artists paint it out of each frame afterwards.

What is replacement animation?

Swapping pre-made pieces, like mouths, between frames. Each shape is made in advance, and the right one is swapped onto the puppet for each frame.

About how many mouth shapes cover most speech in animation?

About 8. A standard mouth chart has around eight shapes, like M-B-P, A-I, E, O, U, F-V, L and rest.

Which shape do you see for the sounds "m", "b" and "p"?

Lips pressed together. M, B and P are all made by pressing the lips together, so they share one mouth.

What does onion skinning show you?

Earlier frames faded over the live view. It overlays the last frames, so you can see how far you have moved things since then.

A ball is falling. Where should its spacing be widest?

Near the floor, where it is fastest. Gravity speeds it up, so it moves further each frame as it nears the floor.

Which of these causes flicker in stop-motion?

Daylight changing between frames. Frames are shot minutes apart, so changing daylight makes each frame a slightly different brightness.

In a multiplane shot, which layer is moved furthest each frame?

The nearest layer. Near things slide past faster than far ones (parallax), so the nearest layer moves most.

What is pixilation?

Stop-motion with real people. The actors hold each pose while a frame is shot. Norman McLaren’s Neighbours (1952) is a famous example.

Who made a stop-motion film of dancing matchsticks in India in 1915?

Dadasaheb Phalke. Dadasaheb Phalke, who made India’s first feature film, also made the matchstick film Agkadyanchi Mouj.

How many frames is a 5-second clip at 12 fps?

60. 5 seconds × 12 frames a second = 60 frames.

Your film’s brightness pumps up and down. What is the likely fix?

Lock the phone’s exposure. The phone keeps re-metering each photo. Locking exposure (AE lock) keeps every frame the same.

Why stick the puppet’s feet down with sticky tack?

So it does not slide or fall between frames. A puppet that shifts between frames jitters on screen, and one that falls ruins the shot.

Words worth knowing

Frame
One photo in the film; cinema shows 24 a second.
On twos
Holding each pose for two frames, so there are 12 new poses a second at 24 fps.
Armature
The posable metal skeleton inside a puppet, with stiff ball-and-socket joints.
Tie-down
A screw or magnet that locks a puppet's foot to the set.
Replacement animation
Swapping pre-made pieces, such as mouths or faces, between frames.
Lip sync
Matching mouth shapes to the sounds of the voice, frame by frame.
Onion skin
Faded copies of earlier frames shown over the camera's live view.
Spacing
How far something moves from one frame to the next.
Pixilation
Stop-motion animation of real people, who pose for every frame.

Fork it. Teach with it.

This box is plain HTML, CSS and JavaScript, with no build step and no accounts. Run it yourself and it sends nothing anywhere. The code is MIT. The words, images and videos are CC BY 4.0, so you can reuse them anywhere if you credit “Glassbox, glassbox.how/e/stopmotionclear”.

git clone https://github.com/bdeeps/stopmotionclear.git

Built with three.js (MIT), Geist, Instrument Serif (SIL OFL 1.1).

←→ previous / next box · / search

Would you like to see the full page, with the interactive model?