LlamaGen logo

Comic-making fundamentals

Manga storyboard workflow: turn a scene into readable pages

A manga storyboard, often called a name, is the rough page plan where story beats, panel order, camera distance, dialogue space, and page turns are tested before finished art.

Published by LlamaGen Editorial TeamUpdated

A printed black-and-white fantasy manga storyboard sequence beside a tablet on a creator's desk.
AI scene using original LlamaGen teaching artwork: storyboard pages reviewed together in a practical desk setup.AI-generated scenes use our original teaching artwork in self-prepared print and digital layouts.

Quick answer

Write one sentence for the scene's change, list only the visible beats needed to show it, thumbnail those beats at page size, then review reading order, dialogue space, continuity, and the page-turn reveal before drawing or generating finished panels.

These references explain the underlying craft. The original exercises below are LlamaGen examples; the authors do not endorse LlamaGen.

A disconnected image list

  1. A dramatic location with no next action

  2. A portrait without a new beat

  3. A clue with no observer

A causal storyboard sequence

  1. Establish the couriers and destination

  2. Connect the lantern to the clue

  3. Show the stop and rope decision

The revised storyboard connects geography, clue, reaction, and response. The drawings remain intentionally rough so the page can still change.

Original instructional illustration with fictional characters; not a customer comic or a product screenshot.

Plan the scene before polishing panels

A storyboard is useful because decisions remain cheap to change. Keep the drawings rough enough that you can move, merge, or remove panels without protecting finished art.

State the scene change
Write what is different at the end: a character learns the bridge is unsafe, chooses to cross, or loses sight of a companion. This gives every panel a reason to exist.
List observable beats
Convert explanation into things the reader can see: a cracked cable, a boot stopping at the edge, a lantern moving in the fog. Keep internal information in dialogue or captions only when the image cannot carry it.
Thumbnail at page scale
Draw the full spread or page as small boxes. Compare the relative area of setup, reaction, and payoff before choosing detailed camera angles.
Reserve lettering space
Place rough balloons while the page is still flexible. Leave room near the intended reading path and check that translated text can expand without covering a face or clue.

Review sequence, continuity, and the page turn

A strong individual panel cannot repair a confusing sequence. Read the thumbnail as a page, then as part of the surrounding pages.

Keep the reader oriented
Reuse a landmark, screen direction, or establishing view when the camera moves. If characters swap sides without a clear reason, redraw the transition before rendering.
Vary shot distance with purpose
Use a wider view to establish the bridge, a medium view for interaction, and a close view for the decisive clue or reaction. Variation alone is not a story beat.
Place the reveal deliberately
When the format supports a page turn, keep the answer off the preceding page. In a scrolling format, test where the reveal enters a phone viewport instead of assuming a fixed pause.
Cut repeated information
If two thumbnails communicate the same action and emotion, merge them or give the second panel a new consequence. Keep repetition only when the held moment is intentional.

Worked example: crossing the broken sky bridge

Two couriers must reach a tower before a storm closes in. One courier sees that the bridge cable has snapped; the other is already stepping forward.

  1. Panel 1

    Establish the tower, the gap, and both couriers at the bridge entrance. Keep the destination and broken span visible in one wider image.

  2. Panel 2

    Move closer: one courier raises a lantern while the other notices a frayed cable. Reserve clear space above them for one short exchange.

  3. Panel 3

    Use a close view of the snapped cable and the leading boot stopping at the edge. This is the decision point, not decorative detail.

  4. Panel 4

    End with the second courier securing a rope while the storm hides part of the tower. The action answers the danger and sets up the next page.

The storyboard moves from geography to interaction, clue, and decision. If the cable appears only in the close view, the wider panels still need enough bridge structure that the detail feels connected to the same place.

Comic pages in everyday use

A hand-held manga booklet and matching page sequence showing the same couriers and sky bridge.
AI scene using original LlamaGen teaching artwork: the page sequence checked at hand-held reading size.

Compare an image list with a causal storyboard

Keep the same couriers, bridge, lantern, snapped cable, and decision. Change only how the information is ordered.

A disconnected image list

  1. A dramatic wide view of the tower and bridge.
  2. A close portrait of the first courier.
  3. A close view of a broken cable without showing who notices it.

A causal storyboard sequence

  1. Establish both couriers, the bridge entrance, and the tower destination.
  2. Show the first courier raise the lantern as the second courier notices the cable.
  3. Show the cable and a boot stopping at the edge, then the rope decision.

How to compare

  1. Draw both versions as small boxes without shading or finished faces.
  2. Write the new story information below each box. If a panel adds none, revise or remove it.
  3. Trace the reading path through panels and rough balloons in the intended left-to-right or right-to-left direction.
  4. Show the thumbnails to someone without the script and ask where the characters are, what they noticed, and what they chose. Record confusion instead of explaining the page.

What to look for

The revised version should make the danger and response inferable from the sequence. It may still need another establishing image if the tower, gap, or character positions remain unclear.

What this exercise cannot prove

This original exercise is an editorial check, not a measured usability study or a promise that one panel count fits every manga genre.

Before you publish: review the page

  • Can you describe the scene's change in one sentence?
  • Does every panel add a visible action, reaction, clue, or change of context?
  • Are the intended reading order and speaking order clear at thumbnail size?
  • Do landmarks and screen direction keep the characters in one understandable space?
  • Have you tested the page turn or mobile viewport where the reveal appears?

Frequently asked questions

How detailed should a manga storyboard be?

Detailed enough to test composition, reading order, dialogue space, and continuity, but rough enough to revise quickly. Finished rendering is not the goal.

Is a manga storyboard the same as a script?

No. A script records story, action, and dialogue; the storyboard assigns those beats to panels and pages so you can inspect the visual sequence.

Can I use AI-generated panels in a storyboard?

You can use generated images as temporary visual material, but still review framing, continuity, lettering space, and character details yourself. A generated image does not validate the sequence.

Sources and further reading

Take the next step in your comic workflow

Plan a visible story beat, try the relevant tool, and review the result yourself. These guides do not promise to automatically analyze or repair your comic.