Webtoon Storyboard Guide: How to Thumbnail an Episode Before You Draw It

This guide is for writers who are drawing their own work, writer-artist teams who want a shared language, and anyone who has skipped this step, spent a week on line art, and discovered the pacing was wrong.

What a storyboard is for

Three things, in order of importance.

Pacing. A script says "tall panel" and "gap." The storyboard shows whether that tall panel is tall enough, whether the gap is a breath or a nap, whether ten small panels in a row are a sprint or a blur. You cannot judge this from text. You can judge it in ten seconds of scrolling a rough.

Composition. Where the character is in the frame, which way they face, where the balloon sits, whether the reader's eye lands on the important thing first. Vertical comics have a reading direction that is mostly downward, and a composition that pulls the eye sideways or up fights the scroll.

Cutting. Thumbnails reveal that the script's six-panel argument works better in four, or that the reveal needs two more panels of build. Making these cuts at thumbnail stage costs minutes.

Set up the canvas

Use a tall digital canvas at a low resolution; you are not going to use these pixels. Many creators set a width matching their platform's required export width and a height several times longer, then add canvases as the episode grows. Some illustration apps have a dedicated vertical-comic or webtoon canvas mode; use it if you have it. Keep a light guide for the safe area, a margin inside which faces and text should stay, because phone screens crop differently.

If you work on paper, draw strips of panels on tall sheets, photograph them, and stack them in a single image so you can scroll. Do not skip the scroll test; it is the point.

The thumbnail pass

Work from the script, top to bottom. For each panel, draw:

• The panel box, at the relative size the script calls for. Full width, or narrower with margin. Tall or short.
• A stick figure or blob for each character, with a line for the direction they face and a mark for the eyes. Direction matters more than anything else in the figure.
• A balloon oval with a scribble for text, placed where the reader will meet it. Top of the panel if the line comes before the image; bottom if it reacts to the image.
• A scribble for anything essential in the background: the door, the key, the window.
• The gap below, at the size the pacing needs.

Do not draw faces. Do not draw hands. Do not fix anything. If a panel is wrong, draw it again beside it rather than erasing; you will want to compare.

A 60-panel episode should come out at roughly one to two minutes per panel on this pass. If you are slower, you are drawing too much.

The phone test

Export the rough as a tall image or a stack of images and open it on your phone. Scroll at reading speed, from the top. Do not look for art problems. Feel for:

• Where you slow down. Is it where the script wants you to? A tall panel that does not slow you is not tall enough. A gap that you scroll through without noticing is not a gap.
• Where you speed up. Runs of small panels should feel like acceleration, not like nothing happening.
• Where you get lost. If you are not sure who is talking, the figure directions or balloon placements are wrong.
• Whether the hook lands. Scroll into the last panel. Is there air above it? Does the eye arrive on one thing?

Make notes, then fix the rough. Two or three rounds of this is normal. Nobody gets the pace right the first time, including people who have done it for years.

Composition rules that survive the scroll

Some principles that hold across styles:

Downward flow. The reader's eye moves down. Compose so the important thing in each panel is met on the way down: an eye-line that leads downward, a balloon above the face it belongs to, a gesture pointing toward the next panel.

Consistent screen direction. If two characters are talking, keep them on the same sides of the frame across panels. Swapping sides without a reason reads as confusion.

One focus per panel. Vertical panels are narrow. Two competing focal points make the reader stall. If two things matter, that is two panels.

Faces near the top of tall panels, or give them a balloon. In a very tall panel, the reader can scroll past a face at the bottom before the balloon at the top is read. Test it.

Use the edges. A character partly out of frame is dynamic and saves drawing. A hand entering from the top edge is a classic webtoon reveal.

Balloons and lettering at thumbnail stage

Place balloons now, not later. A balloon added to a finished panel always ends up in the wrong place, covering the thing it should not cover. In the thumbnail:

• Put balloons where the eye arrives first for lines that precede the image, and where it arrives last for reactions.
• Order balloons top to bottom in reading order. In a vertical format there is rarely a left-to-right ambiguity, but two balloons side by side will be read left to right, so make sure that matches who speaks first.
• Leave more space for text than you think. Lettering at a readable phone size is larger than your scribble.

Sound effects and empty panels

Sound effects are drawn, not typed, in most polished webtoons. Mark their placement and rough size in the thumbnail, and remember that a big SFX is itself a pacing object; it slows the eye.

Empty or near-empty panels (a sky, a wall, a black band) are legitimate and useful. They are beats. Mark them as panels, not as gaps, so they are drawn intentionally.

From storyboard to finished art

Once the pace is right on the phone, the storyboard becomes the underlayer for pencils. Two habits that save time:

• Lock the panel boxes. Once the scroll feels right, the boxes and gaps should not move. If you resize panels during line art, you are re-deciding the pacing without testing it.
• Keep the thumbnail on a layer. Draw over it, and hide it later. The stick figure's direction and the balloon placement are the two things most likely to drift during clean-up.

If someone else is doing finished art, the thumbnails plus the script are the handover. Note which panels carry the episode; artists allocate effort, and they will thank you.

Fixing common storyboard problems

The middle sags. On the phone test you find yourself scrolling faster through the development section without meaning to. Usually there are too many evenly sized dialogue panels in a row. Insert a silent panel, vary the widths, or cut two exchanges into one.

The reveal does not land. The gap above it is too short, or the panel before it is too interesting and steals the moment. Lengthen the gap and make the preceding panel quieter.

You cannot tell who is speaking. Balloon tails are missing in the rough, or the figures face the wrong way. Add tails even to scribbled ovals; they are the cheapest fix in comics.

The episode is too long for one file. That is a production problem, not a story problem. Slice at a gap, never through a panel, and check the platform's height limit per image before you decide where.

The first three panels do not say where we are. Give the first panel a place. Readers coming from the episode list need one establishing image before a face, or they spend the next five panels catching up.

Team workflow for writer-artist pairs

If a writer scripts and an artist draws, the storyboard is the negotiation. A workable split: the writer produces a very rough scroll (boxes, balloons and gap marks only) to communicate pacing; the artist produces the real thumbnails with figures and composition; both do the phone test and agree on the locked boxes. Neither side should skip to line art until that agreement exists, and the agreement should be a file, not a conversation.

A worked example

Take the ten-panel opening from the webtoon script guide: a rainy street, a woman at a desk, a door handle turning, a brother with a bundle, a key, a reveal of the archive door.

Thumbnailing it, the first thing that shows up on the phone test is that panels 3 and 4 (hand stopped, door handle) need to be smaller than the script's "SMALL" suggests; at equal size they read as two events, when they are one moment. The second is that the long gap before panel 10 needs to be much longer than feels reasonable while drawing; a gap that looks absurd on the desktop canvas feels like a held breath on the phone. The third is that panel 8 (the key) wants the balloon-free space above it to be larger so the object is met alone.

None of that is visible in the script. All of it is obvious in the rough after one scroll. That is the guide in one paragraph.

A checklist before line art

• The whole episode scrolls on a phone with the pacing the script intended.
• Every panel has one focus.
• Screen direction is consistent between characters in conversation.
• Balloons are placed and ordered.
• Gaps before reveals are longer than felt comfortable.
• The last panel has space above it and one thing in it.
• Panel boxes are locked.

Try it in SparkLore

Storyboarding goes faster when the script already carries the size and gap notes. The 60-panel webtoon script template in SparkLore separates art direction, dialogue and SFX with markers so you can thumbnail straight down the list, and the planning note holds your panel allocation for the episode. If the script itself is not written yet, the free script generator will draft a panel list from a prose scene. Create a project to keep script and thumbnail notes side by side per episode.