Thumbnails, Panels, and Reading Flow: How to Plan a Comic Page
Hero art: Lunora artwork supplied by Otherworlds Inc.; stage-specific artist attribution pending. Editorial title treatment by Otherworlds Inc.
The Otherworlds Workshop · Making Comics · Guide 4
A reader stops at a beautifully drawn panel. They recognize the character, admire the expression, and notice the light catching the edge of a blade. Then they look backward. Did that movement happen before the blow, or after it? Who spoke first? Which image comes next?
The page has asked them to solve a problem the story did not intend.
Thumbnailing gives you a place to discover those problems while the drawing is still easy to change. A thumbnail is a small, rough plan of a page or sequence. It establishes the panels, essential actions, spaces for words, and relationships the reader needs to follow.
In the previous guides, we bounded the project, turned a scene into a script, and prepared designs for repeated use. Now those decisions meet on the page.
This chapter follows two pages from Lunora through rough layout, ink and line art, and finished color. Alongside them, we will continue our courier exercise. By the end, you should have two thumbnail pages, an alternative layout, provisional lettering, and a practical way to test whether the sequence communicates what you intended.
1. Decide What Changes Across the Page
Before drawing boxes, write down what the reader knows at the beginning and what should be different at the end. That difference gives the page a purpose.
Our continuing exercise follows a courier who opens a sealed wooden parcel, discovers a creature inside, offers it water, and stays beside it. The sequence moves from uncertainty toward an act of care. The layout needs to make the physical actions understandable while leaving room for that emotional change.
For each page, make three short notes: the starting situation, the necessary change, and the impression you want to leave. “The courier cuts the seal” names an action. “The reader reaches the bottom knowing the parcel has been opened enough to become a choice, while its contents remain hidden” describes a possible reading experience.
Keep those notes beside the script. They will help you judge whether a dramatic view earns its space or distracts from a smaller event that matters more.
Comic artist Steve Ellis’s guide to layouts and paneling similarly begins with the page’s endpoints and the steps connecting them. Use that as a starting question, then make choices that fit your own scene.
2. Choose the Moments the Reader Needs
An action contains more possible images than a page can comfortably hold. A hand approaches a knife, closes around it, lifts it, moves toward a seal, cuts, and withdraws. You need to decide which moments carry information.
If the cut itself matters, show enough of it to establish that the seal has changed. If the hesitation matters, you might spend an image on the hand resting beside the knife before the decision. If the movement is routine, fewer images may be sufficient.
Read the proposed sequence as a chain of evidence. What allows the reader to connect one moment to the next? A repeated object, a clear direction of movement, or an unmistakable change of state can carry that connection.
Watch for drawings that accidentally demand incompatible actions at once. A hand cannot clearly remain on the table and reach inside the parcel in the same ordinary snapshot. You can split the moment, choose the more useful state, or use an intentional device for showing movement. The decision should be understandable on the page.
Comics can represent multiple moments within one image. The useful question is whether the reader can tell what that image is doing. There is no requirement to draw every movement between two meaningful states.
3. Build a Layout You Can Read Before You Decorate It
Start with simple shapes at the page’s intended proportions. Draw the main figures as readable masses, place essential objects, and mark the space needed for text. Choose a working size that lets you see the whole page without inviting you to polish a face.
A panel contains an image or part of the sequence. A tier is a row of panels. The gutter is the space between them. An inset is a smaller panel placed within or over a larger image. These terms describe tools you can combine; none supplies the story on its own.
For an English-language comic planned to read left to right, a clear arrangement of tiers is a useful first version. A right-to-left work needs its own consistent convention. Drawing in a manga-influenced style does not, by itself, determine the direction.
Be careful when one tall panel sits beside several smaller ones. Does the reader move across first, or complete the small stack before entering the tall image? Overlap and spacing can create similar competing choices.
In Neil Cohn’s research on comic-page navigation, participants numbered empty panels in their preferred reading order. Their choices did not always follow a simple left-to-right, downward path. A follow-up with Hannah Campbell further examined how spatial arrangements influence those choices. These were ordering tasks, not measurements of readers’ eyes moving through the Lunora pages below.
The practical lesson is to check your arrangement instead of assuming that its route is obvious. Begin simply, then add an irregular border or overlap because it contributes something you can identify.
4. Give the Words Space from the Beginning
A balloon belongs to the composition as soon as you know it must exist. If you postpone it until the art is finished, the remaining space may cover the very expression or gesture the scene depends on.
Put the actual dialogue into the rough when available. If the wording is still changing, reserve an honest estimate of its space. A tiny oval labeled “speech” tells you little about whether six lines will fit.
Letterer Todd Klein’s balloon-placement guidance recommends matching placements to the script and sizing indications for the amount of copy. His advice gives the layout artist and letterer a shared problem to solve before detail makes revisions harder.
Check the sequence at three levels: the order of panels, the order of balloons within each panel, and the connection between each balloon and its speaker. A clear page route does not guarantee a clear exchange.
Nate Piekos’s Blambot lettering guide discusses tail direction and tangencies—places where lettering just brushes another element. At this stage, look for unclear speakers, cramped expressions, and accidental collisions. You can refine the lettering style later.
If the text does not fit, revisit the panel, wording, or distribution of the exchange. Shrinking everything until it becomes difficult to read transfers the problem to your audience.
5. Choose the View That Makes the Beat Clear
Ask what information each image must deliver. A wider view might establish the distance between two people. A closer view might show the cut seal, a tightening grip, or a response that changes how we understand the action.
Viewpoint also decides whose experience receives attention. Showing an impact and showing someone witness it can make different contributions to the same scene. The second image may reveal fear, uncertainty, recognition, or a choice to act.
Use the character and location references from Guide 3 to preserve relationships when the view changes. In the courier’s room, track the table, door, chair, and parcel. You do not need to show the whole room repeatedly, but the important objects should not seem to relocate without cause.
During action, ask whether a new angle makes the participants appear to exchange positions. Sometimes a wider view or a recognizable object restores orientation. Sometimes you can keep the angle and strengthen the movement within it.
At thumbnail scale, give hands, faces, and handled objects enough separation to do their work. A wonderfully expressive hand is of little help if its silhouette disappears against the body at reading size.
6. From Our Worlds: Two Lunora Pages, Three Stages
The following pages come from Lunora, an Otherworlds Inc. comic. We will call them Page A and Page B so each progression is easy to follow. Our focus is on visible choices across the supplied artwork, rather than an assumed account of the artists’ working process.
These examples contain story details, combat injuries, and strong language.
Page A: Action and the Person Receiving It
The rough already establishes the page’s major relationships. A face close-up overlaps the upper-left area. A broad action image occupies the top. Three narrower images cross the middle, followed by a lower-left action view and a large confrontation at the bottom.
Notice how much is decided before detailed rendering: the places reserved for words, the alternation between wider action and closer response, and the relative prominence of the final encounter.
Read the middle sequence in the left-to-right convention used for this analysis. It moves through an attack, a further action view, and a close response behind the shield. The repeated face and shield provide points of recognition as the composition changes.
In the ink and line-art stage, the organization remains recognizable. Refined contours distinguish bodies and equipment. Black spaces separate frames, while speed lines and areas of tone contribute additional information inside them.
Compare the close response with the wider action beside it. The close view gives the event a person to land upon emotionally. That is our reading of the sequence; the images alone do not establish every intention behind their creation.
Finished color makes another change especially visible: blood marks the attack, reaches the shield, and remains in the lower scene. The red carries information about consequence as well as visual emphasis.
This raises a useful production question. If a story fact will become explicit only during a later stage, how will everyone reviewing the rough know it belongs there? A short note such as “blood reaches the shield here” could preserve that intention without requiring finished color. That is a suggested practice for your own pages, not a claim about notes used on this one.
Try comparing the three versions while asking the same question: what happened, and whose response am I being asked to notice? Track which answers are available in the rough and which become clearer later.
Page B: A Thought Meets an Impact
The second rough places a narrow facial view beside the broad kick at the top. The middle area includes a wider confrontation, a closer movement view, and a thought balloon. Below them, another thought, a small weapon insert, and a large shield impact share the page.
The words are already participating in its structure. A thought about refusing to use a blade occupies one area, while an unfinished thought sits near the lower confrontation. Those placements give the artist information to compose around.
The line-art stage clarifies the shield, armor, and force of the surrounding movement. The small insert remains a concentrated piece of information inside a much larger action sequence.
An inset’s size alone does not tell us when its event occurs. Look at what the surrounding images and words establish. If you use a similar device, ask whether the reader needs to encounter that detail before understanding the impact, or whether it offers a closer view of the same moment.
In the finished page, cyan light, dark clothing, the shield’s surface, and the red-and-white sound effect create stronger contrasts. The large impact and interrupted thought can be read together as a collision between an internal decision and external pressure.
That interpretation does not require us to explain the legal system mentioned in the dialogue or identify every character. It comes from the relationship between visible action and text.
Both progressions offer the same practical reminder: review the sequence again after finishing. Even when the panel arrangement stays broadly stable, color, contrast, and lettering can change what commands attention.
If you would like to encounter these pages within their larger story, explore Lunora. Here, the process images let us study the human choices connecting a rough plan to a finished reading experience.
7. Shape Emphasis and Pacing in Context
A large panel makes room. What you put into that room determines what the reader has to absorb: a single forceful gesture, a complicated environment, a long conversation, or a quiet expression.
For that reason, panel size does not function as a stopwatch. A small image with dense information can require considerable attention. A large, immediately recognizable action may be understood quickly.
Think about the sequence’s demands. Does the reader need another step to understand a movement? Would a reaction give the action meaning? Is a repeated view revealing a change, or simply repeating information?
Gutters, overlaps, and border changes also work in relation to their surroundings. A wider gap may create a useful separation; it does not prescribe an exact length of fictional time. A diagonal frame may contribute energy while still needing a clear route to the next image.
Distinguish an image crossing a panel border from a print bleed, where artwork extends beyond the intended trim edge. One concerns the relationship between images; the other also has production requirements. Protect essential words and details within the printer’s specified safe area when preparing print files.
8. Check the Page in the Format People Will Read
A reveal depends partly on what is visible beside it. If two pages face each other in a book, the reader may notice the second before finishing the first. Calling a moment a “page-turn reveal” does not make it one.
Preview your sequence in the actual page order and pairing. Include the pages that come before and after it. A single-page digital reader presents another situation, and a phone showing a whole print page may make the lettering too small.
A scrolling comic needs its own presentation decisions. CELSYS’s vertical-comics guidance recommends considering the visible smartphone area throughout the process. Apply that principle by testing where text and images enter and leave the screen.
Simply cutting a print page into horizontal strips does not establish a good scrolling sequence. Reconsider grouping, spacing, and the order in which information appears. Treat that as an adaptation, with its own review, rather than quietly changing an approved page.
9. Workshop: Keep the Story, Change the Layout
Return to the courier scene from Guides 2–3. Keep its existing story states while testing how to present them:
| Script point | State to preserve |
|---|---|
| Page 1, Panels 1–3 | Seal intact; lid closed; contents concealed. |
| Page 1, Panel 4 | Seal cut; lid still down; knife beside parcel. |
| Page 2, Panel 1 | Lid open; creature withdrawn into the far corner. |
| Page 2, Panels 2–3 | Water offered; creature moves toward the near edge to drink. |
| Page 2, Panel 4 | Chair beside the open parcel; water available; cut seal on the table. |
Draw Two Versions
For Version A, use straightforward tiers and preserve the script’s panel order. Draw only what is needed to recognize the action, object states, and provisional lettering. Check that the creature remains concealed until its established reveal.
For Version B, retain the same eight beats and their order, but change their relative sizes and viewpoints. You might give the creature’s first appearance more room, or make the final seated view wide enough to show the courier’s decision to stay.
Write one sentence explaining what you are testing. “I want the final image to make the choice to remain beside the creature clearer” gives you a useful criterion. “I want the page to look better” is harder to evaluate.
The exercise uses four panels per page because that is its existing script. It does not establish a preferred count for comics generally.
Ask a Reader to Show You What Happened
Give someone who has not heard your explanation the rough at its intended reading size. Let them read without arrows or coaching. Then ask:
- What changed between the beginning and the end?
- In what order did you read the panels and any balloons?
- Where did you first become uncertain?
- What told you the courier was offering care?
Record their answer before explaining the intended meaning. One person’s response is useful feedback, not proof that every reader will react the same way. If you work alone, return after a break and write down what the page itself establishes before consulting your notes.
Make One Specific Repair
Suppose the reader sees the creature drinking but misses the offer of water. Look at the preceding image. Perhaps the cup is hidden by the courier’s arm, or its movement toward the creature is unclear.
Adjust that view so the cup, hand, and creature can be distinguished. Keep the established sequence: the creature is withdrawn before it approaches to drink. Then test whether the offer is visible.
If the repair requires an added panel, update the script and continuity list together. If the creature is noticed early because both pages are visible at once, inspect the format before blaming the drawing. Match the repair to the actual difficulty.
10. Prepare the Layout for the Next Artist—or Your Future Self
A usable thumbnail handoff should make the chosen version clear. Include page and panel labels, provisional wording, relevant references, and any unresolved decision that affects the story.
Separate what must survive from what remains open to interpretation. “The lid stays closed until the next page” protects a reveal. The exact shape of a sleeve fold may remain the drawing artist’s decision.
Record essential details deferred to later stages, along with who needs to check them. Keep the original roughs and their creator credits attached to the project so the decisions behind the finished pages remain traceable.
Before moving forward, confirm that the intended route is understandable, the essential actions and object states are visible, the words have plausible space, and the page has been checked at reading size. Note any uncertainty that remains.
A thumbnail has done its job when it gives the next drawing a clear purpose. The lines may still be simple. The person inside the scene should already have something to do, something to notice, and a consequence waiting on the other side of the panel.
Sources and Further Reading
This guide combines practitioner instruction, research on panel ordering, observations of supplied Lunora artwork, and original workshop exercises. The page interpretations and suggested review process are editorial teaching recommendations.
- Steve Ellis / CELSYS: Pro Artist’s Guide to Comic & Manga Layouts, Paneling, Flow — planning page progression and thumbnails.
- Neil Cohn: Navigating Comics (2013), with its 2014 caption correction — research on preferred panel order.
- Neil Cohn: author’s summary of Navigating Comics II (2015), with Hannah Campbell — spatial arrangements and reading order.
- Todd Klein: Balloon Placement — lettering space and script coordination.
- Nate Piekos / Blambot: Comic Book Grammar & Tradition — lettering conventions and practical cautions.
- CELSYS: Tips for Creating Vertical Scrolling Webtoons — vertical composition and smartphone previews.
Continue Exploring
Follow the comic from project scope to script, reusable design, and readable pages.
