From Rough Layouts to Finished Comic Art: Inking, Color, and Collaboration

Hero art: Lunora artwork by Kev Liew and Sierra Ashevaili Rottman, courtesy of Otherworlds Inc. Editorial title treatment by Otherworlds Inc.

The Otherworlds Workshop · Making Comics · Guide 5

A rough page can already hold the moment that makes someone keep reading. A hand hesitates. A face turns. A room becomes too quiet. Finishing that page means carrying those decisions into lines, light, color, and words that another person can understand.

That becomes harder when the page passes between people. The writer knows why the hand matters. The artist knows how its angle changes the scene. The colorist sees a way to pull the eye toward it. Unless they share those observations, everyone can do careful work while moving the page in different directions.

In Guide 4, we explored thumbnails, panels, and reading flow. Here, we follow one Lunora page through its rough layout, inked line art, and finished color. The goal is to understand what each stage resolves, what should remain open, and how to communicate before a small misunderstanding becomes a finished page that needs rebuilding.

The example contains story details and fantasy violence from Lunora. The observations below concern the supplied images; they do not claim to reconstruct private production conversations or every intermediate revision.

1. Agree on what the page must communicate

Before tightening the drawing, write a short page intention. Describe the change the reader should understand by the end. “A character moves from restraint toward an overwhelming emotional release” gives collaborators a direction. “Make it epic” leaves almost every important decision unresolved.

Separate three kinds of information in the brief: what must remain accurate, what the page should make the reader notice, and where the artist can explore. A required prop position is different from a preferred lighting treatment. Naming that difference gives the artist room to contribute without having to guess which choices might break the story.

The same distinction helps a solo creator. A note written before rendering can remind you why a quiet expression mattered when a dramatic effect later becomes tempting.

“Every person who touches a page brings a perspective, and that perspective has gravity. We have to communicate where the story is going, while leaving room for each artist to give it something we could not have found alone.”

2. Read the rough as a set of decisions

The supplied rough is more developed than a tiny compositional thumbnail. It includes named figures and objects, dialogue placement, panel borders, and large effect paths. “Rough” describes the state of the drawing; it does not mean the storytelling decisions are unimportant.

The upper portion organizes several figures around a circular arrangement. Below it, the page moves closer: a face, a small physical detail, the eyes, then a much larger release across the lower page. This alternation between the wider scene and intimate details already establishes a rhythm before finished anatomy or materials appear.

The labels are useful working information. They allow a collaborator to distinguish figures that a loose silhouette cannot yet identify. They also show why a handoff needs more than a flattened image: some marks explain the job, while others belong to the eventual reader experience.

Before approving this stage, check the sequence with temporary lettering visible. Can a reader follow the important actions? Is the emotional change legible? Do the close-ups clarify the scene? Are important figures distinguishable at the intended viewing size? If an essential relationship remains unclear, resolve it while the drawing is still relatively easy to change.

3. Clarify the drawing before committing to the inks

Many workflows include a more resolved drawing between the thumbnail and final inks. Others move directly from a loose layout to confident line art. Neither approach is a universal requirement. What matters is whether the person finishing the drawing has enough information to make reliable decisions.

Check perspective, proportions, hands, expressions, costume details, and object placement against the approved references. Pay particular attention to overlaps. A weapon, arm, or piece of clothing can be individually well drawn and still merge into a confusing shape when reduced.

Preserve the energy of the rough while resolving uncertainty. If a polished pose becomes stiff, compare it with the original gesture. The rough may contain a useful tilt, imbalance, or sense of weight that was lost during cleanup.

For a team, a useful handoff includes the approved rough, the current script version, relevant references, lettering reservations, and a short list of unresolved questions. If another artist must invent an answer, make sure that freedom is intentional.

4. Use inking to establish clarity and emphasis

In the inked version, the upper scene gains carved forms, clothing, armor, and clearer poses. The close-ups are more specific, and the large lower action is resolved into recognizable forms. The principal arrangement survives, even as many individual contours change.

Think about the function of each line. An outer contour separates a figure from its surroundings. An interior line can describe a fold, a material change, or an expression. A dark shape can anchor the composition. Giving every edge the same strength may make a page feel busy without making it easier to read.

Line weight is a tool, not a rigid formula that every foreground edge must obey. Use it in relation to the style, lighting, and adjacent shapes. Likewise, fine detail is useful where it supports recognition; it can become noise when every background form competes with a face.

Review at two scales. Enlarge the file to find stray marks and awkward joins, then reduce it to the intended reading size to assess hierarchy. A line can be technically clean and still draw attention to the wrong place.

Notice that this supplied ink-stage image still contains cyan guides and red graphic marks. Some red effects also appear in the finished art, so color alone does not tell us which marks are temporary. Identify production guides by their role and layer, rather than deleting everything that looks like an annotation.

5. Separate color structure from lighting decisions

In many digital workflows, flat colors divide a drawing into selectable regions before lighting and rendering are developed. A selection-oriented flats layer may use temporary colors; the final palette can be handled separately. Other artists combine those steps. The handoff should explain which kind of file is being supplied.

Preserve useful region boundaries and inspect small gaps or edge halos. David Cumbo’s coloring demonstration for Clip Studio Paint shows reference-layer and area-scaling methods for controlling fills around line art. Those are particular tools for the task, not evidence that the Lunora artists used the same software or settings.

Before rendering every surface, test the page’s major light and dark areas. Decide where attention should arrive first and where it should travel next. A quick grayscale check can help diagnose values, but also inspect the color version: hue and saturation can create emphasis that a grayscale preview will not explain.

Establish which light sources matter, how they affect nearby surfaces, and how the palette relates to neighboring pages. A glowing object should belong to its environment. If everything is equally luminous, the most important light has little room to speak.

6. Study what changes in the finished Lunora page

The finished color establishes a dark, cool environment around a bright central area. Much of the surrounding statuary recedes, while warmer small lights distinguish parts of the setting. The red accents become particularly forceful against that cooler field.

The middle sequence shifts toward warm and red tones, and the lower image opens into a large white-blue burst. One useful reading of that progression is that the page moves from an external gathering toward an increasingly concentrated emotional event. That is visual analysis of this example, rather than a claim about the artist’s stated intent.

Color is not the only change. The declaration at the upper left of the rough moves inward and becomes red in the finished version. The line about having lost enough moves into the right side of the larger face panel, and the smaller inset becomes more focused on the physical detail. Panel borders also become light against the darker finished surroundings.

These differences matter because finishing can involve editorial decisions as well as rendering. If words, emphasis, or panel relationships change, review them with the people responsible for the story and lettering. Do not assume that a beautiful color pass automatically preserves the earlier reading experience.

7. Make feedback precise enough to act on

Communication works best when a note identifies the location, the reader’s likely experience, and the intended result. It should also distinguish a required correction from an optional exploration.

These are sample notes, not records of feedback given on the displayed Lunora page. Their purpose is to show how to turn an impression into a shared problem the artist can solve.

A checkpoint can be one panel, a lighting study, or a rough expression. It does not need to be a finished batch of assets. Small, timely work-in-progress updates give collaborators a chance to correct direction while the work is still flexible.

Consolidate feedback through an agreed reviewer. Several people can contribute observations, but the artist needs one resolved set of instructions when those observations conflict. Number the notes, record which version they refer to, and say when a decision has been approved.

8. Approve stages without pretending revision ends

Approval means a particular set of decisions is ready to support the next stage. It does not mean nobody can ever discover a better solution. It does mean that changing a settled decision has consequences for time and downstream work.

If a late change is needed, locate the earliest decision it affects. A spelling correction may stay within lettering. A new action may require a different pose, altered overlaps, new inks, and recoloring. Review the consequences together and agree on the revised scope and delivery timing before that work proceeds.

9. Finish the page at the size readers will see

Lettering deserves review with the art at every stage, including the end. Todd Klein’s balloon-placement guidance explains how placement supports the reading sequence. Nate Piekos’s Blambot lettering resources offer further professional examples. For this guide, the practical requirement is simple: effects and rendering must leave the words readable and the speaking order understandable.

Check the exported page on an actual phone and at the intended print size when print is planned. Inspect the surrounding pages too; a successful isolated image may introduce an unwanted jump in light, color, or continuity within a sequence.

• Confirm text, punctuation, speaker identity, and the current script version.
• Check that important faces and actions remain readable after reduction.
• Remove unintended guides and working labels; preserve intentional effects.
• Inspect color edges, missing fills, artifacts, and accidental layer visibility.
• Use the destination’s actual dimensions, bleed, safe-area, resolution, and color-profile requirements.
• Retain an editable master and export a separate delivery copy with a clear version name.

For the website, these supplied JPEGs can serve as article illustrations if their small lettering holds up at the displayed size. Compare web exports visually before choosing compression. Fine line art may benefit from PNG or a lossless format; full-color pages can work well as high-quality JPEG or WebP. Keep the originals, and avoid repeatedly resaving a compressed JPEG. A web-ready image is not automatically a print-ready master.

Workshop: carry one intention through three stages

1. Choose a page and write one sentence describing what changes for the reader.
2. Review the rough with temporary lettering. Record three decisions you want to preserve.
3. Finish the line art. Compare it with the rough at reading size and identify anything that became less clear.
4. Test a simple color and value arrangement before adding detailed rendering.
5. Review the finished page beside the earlier stages. Ask a reader what they notice first and what changes emotionally.
6. Write one actionable revision note, then check whether the revised page solves that specific problem.

For the Lunora example, follow the placement of the declaration, the handling of the eyes, and the contrast around the lower burst. Those details make the exercise more useful than asking which version looks more polished.

From our worlds: a page is a collaboration you can see

These Lunora images let us examine the work between the idea and the finished moment. Labels become recognizable figures. Rough gestures become specific expressions. Light rearranges our attention. The value of showing those stages is that readers can see how much interpretation lives inside the making of a comic.

Explore Lunora’s world with that process in mind. A finished page carries many choices that no longer announce themselves, but still shape what we notice and feel.

The final review should return to the first intention: can another person encounter the moment you hoped to share? When they can, the craft has given the story a way to reach them.

Artwork: Lunora process images by Kev Liew and Sierra Ashevaili Rottman, courtesy of Otherworlds Inc. External sources support the general craft guidance; the Lunora analysis comes from the three supplied images.

Continue Exploring

Revisit the script and design decisions that support a consistent finished page.

GUIDE 2Writing for the Comic PageTurn a scene into visible beats and drawable instructions. GUIDE 3Designing Characters and Worlds for Repeated UseBuild references that preserve identity and continuity.