Storyboard to video (keyframe timeline)
Line up your keyframes, set how long each one holds and how it blends into the next, and export one MP4 — all in your browser.
How to use
- Add keyframes: several PNG, JPG or WebP images (sorted by file name), or one storyboard sheet that is cut into panels automatically.
- On the timeline, set the hold time, transition length and type for each keyframe — or pick a pacing preset.
- Preview the first seconds in low resolution, then create the full MP4 and download it.
Storyboard to video (keyframe timeline)
This is limited animation: keyframes plus in-betweens. Between two keyframes the tool can only blend or warp the pixels you drew (cross dissolve, zoom, dip, or optical-flow morph, the same algorithm as the Transition Clip Maker). It does not invent movement that is not in your drawings. With layers you can go further without AI: put each object on its own layer — from the asset library or cut out of a keyframe — and set where it is in the next keyframe; the in-betweens move, rotate, scale and fade each layer over a fixed background, follow an arc for thrown objects, and switch to another picture from the library (for example a new expression) at a chosen moment. Rotation uses a pivot you set (a shoulder, knee or neck), and a layer can follow a parent layer, so rotating the upper arm carries the forearm. Enter the change to the next keyframe directly — move X/Y in pixels, rotate in degrees, scale in percent — and step through every in-between frame before exporting. At 25 fps a 1-second layer tween adds 25 in-between frames (0.25 s adds 6); layer tweens are limited to 1 second per segment. A 2.5D camera adds depth without 3D models: give each layer a depth, set a camera pan or zoom in the next keyframe, and near layers move more than the background (parallax). For big motion, draw more keyframes — about one every 0.1–0.2 s, or 2–4 extra in-between poses for a single action. Dialogue and small changes work with one keyframe every 0.5–1 s; normal action with one every 0.3–0.5 s.
A storyboard sheet is split by finding the background gutters between panels; caption text, SHOT numbers and timecodes under each panel are trimmed off automatically, and a slider ignores an extra label strip at the bottom of each panel. You can also use an even rows × columns grid, draw boxes by hand or delete boxes before applying. Up to 200 keyframes and 300 seconds per video; long, high-resolution videos need a fast device, and the tool tells you before you start.
Frequently asked questions
Is this an AI video generator?
No. It is keyframe in-betweening, not AI video generation. The bigger the motion, the more keyframes you should draw (for big action, about one every 0.1–0.2 seconds). The tool will not invent in-between movement you did not draw.
How is this different from sliding the whole storyboard sheet?
The sheet is first cut into separate keyframes, so captions and numbers never appear in the video. In-betweens are then composed from layers — each object moves on its own over a fixed background — instead of sweeping or dissolving the whole picture, which creates ghosting.
Who does the computing — my computer or an assistant such as GBOT?
Everything runs in the browser that opens the page. An assistant can operate the tool for a quick test, but large projects are faster and cheaper to render on your own computer: open the same page, open the saved project ZIP and press Create full video.
Can frame interpolation turn a first and last picture into motion?
Yes, for small movements within the same shot. Pixels from both pictures are moved along the optical flow to their in-between positions, and hidden areas are taken from whichever picture shows them — no AI and no invented content. If any area moves more than about 8.5% of the long side (about 160 px on a 1920-pixel side), or something appears that neither picture shows (an object appearing or vanishing, or a camera change), that gap is marked red and you are asked to add a picture in between instead of getting a smeared result.
Why do I see a yellow warning between two frames?
The two keyframes are too different for a clean in-between, so the morph may look ghosted or blurry. Add keyframes between them, or switch that transition to dissolve or a dip.
Can I add music?
The video is silent. Use Add Music to Video afterwards, and Vertical Video or Add Subtitles if you need them.
Are my images uploaded?
No. Everything, including the cutting of storyboard sheets and video encoding, runs in your browser, and it keeps working offline once the page has loaded.