FoundryInk Academy Academy / Making your work
Making your work

Storyboards and timing

This one is for animators who want to control timing. The animation Storyboard is a per-scene filmstrip of your keyposes with a timing chart in each gap: you draw the strong poses, chart how the action travels between them (how many in-betweens, how they space, how long each is held), and the studio lays down that many blank cels at exactly the right frames for you to draw. It never tweens or fills a drawing in for you; this is hand-drawn animation, and the timing chart is the classic spacing tool, not a shortcut. If you would rather not plan on the Storyboard, you can set every drawing's hold by hand on the timeline instead. Both paths, and a plain account of what is and is not automatic, are here.

Read time about 20 min

1What the Storyboard is for

The Storyboard is a per-scene filmstrip of your key drawings, your keyposes, laid left to right in timing order. In each gap between one pose and the next sits a little timing chart. It is the planning-and-timing layer that sits on top of your frame-by-frame timeline: draw the strong poses first, chart how the action travels between them, and the studio lays down the right number of empty in-between frames.

One thing to be clear about. This is hand-drawn animation, so the Storyboard never draws those in-betweens for you. It works out the timing (how many drawings, how they are spaced, how long each is held) and hands you blank cels at exactly the right moments. You fill them in.

The Storyboard: keypose cards laid left to right, with a timing chart in each gap between them.
The Storyboard: keypose cards laid left to right, with a timing chart in each gap between them.See the full screen
The Storyboard is entirely optional. Some animators plan every beat here first; others skip it and set each drawing's hold by hand on the timeline. Both paths are covered, and both land in the same place.
Pro note
Chart your extremes before anything else. Good keyposes carry the whole scene, and the in-betweens just get you from one to the next.

2Where the Storyboard lives

Open an animation asset and its content splits into three top-level views, Storyboard, Animate and Publish, with a segmented pill to hop between them. Storyboard is your planning table: rough your keyposes and draw the timing charts that decide how many in-between cels there are and how they space out. Animate is the full frame-by-frame studio, where you actually draw and play each cel. Publish ships the finished piece.

The Storyboard shows one scene at a time, with a scene switcher, so you plan the timing scene by scene, the way a real animator blocks a shot before touching a single clean drawing.

The flow is simple: rough your poses and timing here, then cross to Animate and draw into the empty cels it laid down for you.

An animation's content with the Storyboard, Animate and Publish views in one segmented pill.
An animation's content with the Storyboard, Animate and Publish views in one segmented pill.See the full screen
Do not confuse this with a comic's Storyboard, which is a planning whiteboard. Same word, two entirely separate features. Everything here is about animation only.
Pro note
Block the whole scene on Storyboard before you ink a single clean cel. Cheap to change your mind here, expensive once you're drawing.

3Lay down your keyposes

Start with the drawings that tell the story. Your keyposes are the strong key positions of the action: the wind-up, the contact, the settle. Block those in first, in order, before you fret about anything in between. Press Add keyframe (its tooltip reads "Add a keyframe (a keypose) to this scene") and the studio makes a new blank key cel and drops a card for it on the Storyboard. Each card shows its role, Keyframe or Extreme, with a small KEY or EXT chip and the frame it sits on. A fresh card reads Double-click to draw this pose. So do that: open it in the drawing studio and draw the pose. Work through your keys in sequence and let the storytelling read at a glance.

The Add keyframe button above the Storyboard, which adds a blank key cel and its card.
The Add keyframe button above the Storyboard, which adds a blank key cel and its card.See the full screen
Only keyposes (keys and extremes) get a card and can carry a timing chart. The ordinary in-between drawings you make later are not keyposes; they are the frames the chart lays out between your keys.
Pro note
Old animator's habit: thumbnail your keys tiny on paper first, then commit them here. Cheaper to fix a bad pose at matchstick size.

4The timing chart between two poses

Select a keypose and the inspector shows Timing to next keypose, the classic spacing ladder governing the gap to the following pose. Drawing count sits along the top, one tick per in-between placed across the gap. You set three things. First, how many in-betweens with the In-betweens stepper (0 to 60). Second, the cadence: on ones, on twos or on threes, a fresh drawing every frame, every second, or every third. Third, the spacing curve (even, slow out, slow in, slow in-out, favor start, favor end, thirds, halves) that bunches the drawings so the move eases. Watch the readout: Drawings, Frames in gap, Duration at the scene's FPS, and Cadence. Apply it and those empty cels drop in, waiting for your pencil.

Timing to next keypose in the inspector, with spacing presets such as Even, Slow out and Slow in.
Timing to next keypose in the inspector, with spacing presets such as Even, Slow out and Slow in.See the full screen
The spacing curve is where the life is. Even spacing feels mechanical; bunching drawings near the poses (slow out, slow in) is how weight and ease read. The chart decides only WHERE in time each drawing sits, never what it looks like. That part is still yours to draw.
Pro note
Old animator's trick: a bouncing ball spends most of its drawings up top and only a couple at the bottom. That's slow in-out doing the heavy lifting.

5Apply it: blank frames, drawn by you

When you apply your timing chart, the studio does the arithmetic: it works out how many in-between drawings you asked for, spaces them across the timeline, and slides the next keypose so the gap is exactly the right length. Then it drops that many blank cels at those frames and steps back. Nothing is traced or filled in for you. You draw each empty cel by hand, roughing on twos or ones as the move demands, using the light box to work off your neighbours.

The in-between count is a floor, not a ceiling. Need one more drawing to sell a snappy accent? Add it, and the chart widens to fit rather than tossing your work. Re-applying an unchanged chart is safe: it never wipes a cel that already holds art.

The Animate timeline after applying a timing chart, with the new in-between cels in place.
The Animate timeline after applying a timing chart, with the new in-between cels in place.See the full screen
This is the whole deal, plainly. The Storyboard is a timing tool, not a shortcut around drawing. It hands you correctly-timed empty frames; every drawing in the finished shot is still yours, made by your hand.
Pro note
Old trick from the pegbar days: number your blanks before you draw a single line, so a slow-in reads as 1, 2, 4, 8 at a glance and you never lose count mid-scene.

6Trace with the light box

Real animators work over a light table, and the light box is yours. When you draw an in-between cel, it shows the surrounding keypose roughs faintly underneath, so your new drawing lands on model and in the right place. Three settings let you dial the reference: off, half and full (its tooltip reads "Trace the storyboard rough over this cel"). Turn it up when you need a firm guide, down when the ghost is getting in your way.

Best of all, it is display only. The board roughs never become part of your art, so nothing underneath can ever leak into the finished cel, the reader, or the print.

Drawing an in-between with the Light box at half, the keypose rough showing faintly underneath.
Drawing an in-between with the Light box at half, the keypose rough showing faintly underneath.See the full screen
Half is the sweet spot for an in-between: a ghost you draw over, not a solid image you copy. Flick it off to judge the drawing on its own, then back on to check it against the keys.
Pro note
Old-timers taped drawings to a backlit sheet of glass and squinted through the stack. Same trick, minus the eye strain and the coffee rings.

7Keys, breakdowns, extremes and tweens

Every drawing wears a role label from the Frame panel: key, breakdown, extreme or tween. These are the old animator's words for what a drawing does. A key defines a pose. An extreme is the furthest point of a move, the moment stretched to its limit. A breakdown shapes the arc travelling between two keys. A tween fills the gap. One label carries real weight: only keys and extremes count as keyposes, so only they earn a Storyboard card and can hold a timing chart. Breakdown and tween are honest names for your own eyes and your team's. Nothing about the drawing gets spaced or held differently for wearing them.

The Frame panel's role buttons: Key, Breakdown, Extreme and Tween.
The Frame panel's role buttons: Key, Breakdown, Extreme and Tween.See the full screen
Do not expect a tween or breakdown label to trigger anything automatic. Calling a drawing a tween does not tween it. You still draw every cel by hand; the label just records what that drawing is for.
Pro note
Old pros label extremes first, then hunt for the breakdown that gives the move its arc. That one drawing is where the life hides.

8Adjust timing without the Storyboard

The Storyboard is a convenience, not a gate. You can retime an entire scene by hand on the Animate timeline and land in exactly the same place. Select a frame and the Frame panel opens (before that it just says Select a frame to edit it.). There you get Draw this frame, a Hold value from 1 to 12 (captioned on ones, on twos, or held longer), and the role buttons. The scene FPS field runs 1 to 60, defaulting to 24. So the whole craft, plainly: draw your cels, set each one's hold, pick your FPS, done. Bump a hold to let a pose linger or snap; change FPS to speed the entire scene.

The Frame panel on the Animate timeline with Draw this frame and the Hold value.
The Frame panel on the Animate timeline with Draw this frame and the Hold value.See the full screen
The two paths meet in the middle. The Storyboard writes holds and spacing for you; the Frame panel lets you set them yourself. Plenty of animators block their timing on the Storyboard first, then walk the timeline tightening individual holds by hand.
Pro note
Old trick from the pegboard days: hold a pose one frame past comfortable, then cut. That tiny extra beat is where the acting lives.

9Posing reference: the mannequin

Some keyposes fight you: a hand thrown at the camera, a body twisting away, a foot foreshortened to almost nothing. When the angle won't sit right in your head, borrow a stand-in. Use Add a pose reference to drop a posed 3D mannequin onto the board or the drawing canvas. It lands as a static image with a small POSE chip, and a fresh one reads Double-click to pose. Do that to open the pose tool (Pose reference), swing the figure into your angle, and it re-renders as a reference image. Then you draw your keypose right over it, the way an old-timer props a wooden artist's mannequin on the desk and blocks the volumes before committing a line.

The mannequin is reference only. It is never animated, never interpolated, and never part of the finished animation. It is just board ink you draw over, exactly like a light box rough. The keypose is still your drawing, in your line.
Pro note
Pose it a touch more extreme than feels comfortable, then draw past it. A mannequin gives you the volumes, but it won't give you the snap. That part's all you.

10Copy and paste on the Storyboard

The Storyboard is a board, so it carries its own in-board clipboard. Select the cards you want, press Ctrl or Cmd with C to copy, then V to paste them back, nudged slightly as fresh copies. It works on any card: keypose panels, pose references, stickies, shapes, arrows and images. Grouped items paste as a new group, and an arrow between two copied cards re-links to the copies (an arrow whose far end was left behind is simply dropped, so it never points back at the original). Use it the way a traditional animator reuses a hookup: clone a recurring pose, duplicate a beat to vary it, or copy a whole chunk of planning to riff on without touching the take you liked.

Copy and paste duplicates the cards and their poses, not the timing chart from a gap. Timing lives on the frames themselves, so a pasted gap comes over empty of spacing. Re-chart it if you want the same in-betweens there.
Pro note
Paste a rough, then flop or shift it a few frames to test a different accent before you commit ink to it.

11Where motion is real

Everything so far has been hand-drawn cel work, where nothing moves until you draw it. But the studio has one genuinely different tool: a vector rig, a Stage whose bones you pose, with its motion laid out across Frames, Channels, Sequencer and Motion Graph. This one truly interpolates. It eases a bone's position, or a warp, smoothly between values over time, the way a jointed puppet swings an arm. That is a whole other discipline from spacing cels. If you are drawing frame by frame, ignore the rig entirely. If you are animating a puppet, that is precisely where the in-between motion lives, generated by the machine instead of your pencil. Two crafts, one studio, kept firmly apart.

The rig timeline tabs: Frames, Channels, Sequencer and Motion Graph.
The rig timeline tabs: Frames, Channels, Sequencer and Motion Graph.See the full screen
Do not expect the keypose timing chart to glide a drawing the way the rig glides a bone. One spaces hand-drawn cels in time; the other interpolates a puppet. Picking between them is really picking your whole animation approach before you start.
Pro note
Rig work interpolates a puppet's bones. Cel work is drawing every frame by hand. Two different disciplines, one studio.

12Two views of the same frames

The Storyboard and the Animate timeline are two windows onto one set of frames. A keypose you add on the Storyboard is a real cel on the timeline. The timing you chart writes real holds and spacing onto those same cels. So wander between them freely.

Two honest paths get you there. The Storyboard way: add your keyposes, chart the timing, apply it, then draw the blank cels it lays down, tracing your rough with the light box. The direct way: draw your cels straight on the timeline and set each hold and the FPS by hand. Same frames, same result. Pick whichever suits the shot in front of you.

A keypose card on the Storyboard, labelled Keyframe f64.
A keypose card on the Storyboard, labelled Keyframe f64.See the full screen
The same frames on the Animate timeline, where each keypose is a real cel.
The same frames on the Animate timeline, where each keypose is a real cel.See the full screen
Whichever way you work, the drawing is always yours. The Storyboard makes timing and spacing easy; it never animates for you. That is the core of the tool, and it is exactly what makes the result feel hand-made.
Pro note
I block rough timing on the Storyboard, then live on the timeline nudging single holds by a frame until the walk stops feeling like a metronome.

Time a move on the Storyboard

The loop, in order. Links into the app. Saved on this device.

→
→
→
→
→
→
→

Timing questions animators actually ask

No. It works out how many in-betweens there are, how they are spaced, and how long each is held, then drops that many blank cels at the right frames. You draw every one by hand. Nothing about a cel is interpolated or auto-filled.

Empty frames, correctly timed. It creates the blank in-between cels at the spaced-out positions the chart worked out and slides the next keypose so the gap is exactly right. The drawings are still yours to make; only their timing and placement are done for you.

No. Work entirely on the Animate timeline if you prefer: draw your cels, select each one, and set its Hold (1 to 12 frames, on ones or on twos) in the Frame panel, then set the scene FPS. You reach exactly the same timeline the Storyboard would have written.

On ones is a new drawing every frame (smoothest, most drawings). On twos holds each drawing for two frames (the workhorse of hand-drawn animation, half the drawings). On threes holds for three. You set the cadence per gap on the chart, or per cel with its Hold.

They name what a drawing is for, and only that. Key and extreme count as keyposes, so they get a Storyboard card and can carry a timing chart. Breakdown and tween are labels for your own organisation; nothing is spaced or drawn differently because of them.

No. A pose reference is a static mannequin you drop as drawing reference and draw over, like the light box roughs. It is never interpolated and never part of the finished animation. Re-posing just re-renders the one reference image.

That is a different tool: the vector rig (a Stage), where you pose a puppet's bones and the studio interpolates their motion across the Frames, Channels, Sequencer and Motion Graph views. That interpolates a rig's channels, never hand-drawn cels. It is a whole other way to animate, not a shortcut inside cel animation.

No. Like the rest of the animation studio, it plays as a live canvas in the browser, for you and for your readers, with no file render or download. Screen-record the playback if you need a clip for elsewhere.

Now make it move

Strong keyposes, a timing chart that spaces the in-betweens the way the move should feel, blank cels dropped at exactly the right frames, and every one of them drawn by your hand. That is honest, hand-made animation, timed the classic way and playing right in the browser.

Where next?