Inking, Color, and Visual Clarity: Making a Comic Page Read

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

The Otherworlds Workshop · Making Comics · Guide 6

Guide 6 of 10 · View the complete reading order ↓

Contains fantasy violence, story details from Lunora, and marked-up Glacias lettering proofs. The red notes in the Glacias examples are review directions, not finished lettering.

A page can be full of beautiful decisions and still leave the reader lost. A face disappears into a shadow. A weapon becomes indistinguishable from the arm behind it. A quiet sentence arrives like a shout because its lettering is the strongest shape in the panel.

Clarity does not mean stripping a comic of its personality. It means giving that personality a direction. The reader should be able to feel the violence, wonder, hesitation, or exhaustion of a moment without first solving where to look.

Guide 5 followed the production handoffs from a rough layout to finished art. This chapter moves closer to the page itself: how line, value, color, and lettering cooperate—or compete—to carry the story. Three supplied Lunora images provide rough, inked, and colored comparisons. Two Glacias review screenshots show that clarity also depends on how words are placed, emphasized, and revised.

Bring: the resolved drawing from Guide 5 and its intended reading size. Make: a clear ink, value, or color finish plus a recorded comparison of one repair. A monochrome comic can complete the value and texture tests without adding color. Lettering is checked here for its effect on the artwork; Guide 7 teaches its construction and performance in detail.

1. Decide what must survive a quick reading

Before judging the polish, identify the panel's indispensable information. Who acts? Who reacts? What changes? Which expression or object makes that change understandable? These questions give the finishing pass something more useful to pursue than “more detail.”

Try a short reading test. Show the page without explaining the scene, then ask another reader what happened and where they looked first. Their answer is not a verdict on the art. It is evidence about which information the page currently makes available.

Inspect at three scales: the whole page for emphasis, the intended reading size for comprehension, and close-up for technical defects. A clean edge at extreme magnification cannot compensate for an action that disappears when the page is reduced.

Build layers around the changes you expect

A useful working file lets you change a costume color, soften a shadow, or remove an effect without repainting everything around it. Organize by function; these are roles, not a required number of layers:

• Line art: keep the resolved drawing separate from fills so either can be revised.
• Selectable flats: use clean, solid regions to select skin, clothing, props, and backgrounds again. If you paint over those regions, preserve an untouched copy as a selection map.
• Local colors: establish the approved base colors before scene lighting. Flats can also serve this role on a simpler page.
• Lighting and effects: separate shadows, highlights, atmosphere, and other treatments when they need independent control. Name important exceptions.
• Lettering: keep balloons, captions, and text out of the artwork’s color adjustments unless their change is intentional. Guide 7 covers editable construction.

Group these by character, background, or panel when that makes revisions easier. Test the structure by changing one base color and toggling the lighting off. You should be able to understand the result without hunting through unnamed layers.

2. Inking is interpretation, not simply cleanup

The supplied rough already contains dialogue, expressions, movement, and panel borders. Its job is to make choices visible while they are still flexible. Look at the left-hand page: beneath the upper exchange, the rough includes an eye close-up carrying the line “Then stay blind.”

In the inked version, that area includes a foot close-up, followed by a broad reaction panel. The dialogue sits lower, beside the action. These visible differences are a useful reminder that the transition to inks can change timing and emphasis. They do not tell us who requested the changes or what was said in private production discussions.

When reviewing inks, ask what each line contributes. Does it separate overlapping forms, explain a surface, describe an expression, or merely repeat information that is already clear? A useful cleanup pass can remove unnecessary marks as well as improve the remaining ones.

Choose raster or vector inks for the corrections you need

Raster layers store pixels and suit painting, erasing, blending, and textured marks. Draw at an appropriate working size; enlarging a small raster drawing cannot recover detail that was never recorded.

CSP vector layers retain editable stroke paths. Create one with Layer → New Layer → Vector layer. Use the Object tool to adjust a stroke’s control points, or Correct line width to alter its weight. The vector eraser can remove overshooting segments at intersections. These options help when a good gesture needs a small correction rather than a complete redraw. CELSYS’s vector-layer guide demonstrates the controls.

You can combine vector inks with raster color. CSP’s Fill tool does not paint into a vector drawing layer: put fills on a raster layer beneath it. Keep the native master; editable CSP strokes should not be assumed to remain editable vectors in another application.

3. Give line weight and black shapes a purpose

Line weight is relative. A heavier contour can distinguish a figure from nearby texture, while a delicate mark can preserve a small expression. Neither becomes a universal rule that every foreground object must be thickly outlined or every distant object must be faint.

In his inking demonstration, comic artist Scott Drummond discusses line variation, light direction, and deliberately placed solid blacks. These are useful options, not requirements that every comic adopt his particular style.

In the Lunora inks, the black around the wide reaction close-up helps the face stand out. Elsewhere, dark costume shapes and stronger contours distinguish figures from the largely open surroundings. Judge those relationships together: adding texture around a face can weaken a focal point even if the new texture is well drawn.

Watch for accidental tangencies, where two edges nearly meet and create an ambiguous join. Separate the shapes clearly or overlap them deliberately. Around hands, shields, and blades, that small decision can determine whether a reader understands the action.

4. Use color to organize, not only decorate

The finished example brings warm pink, peach, and gold across much of the setting. Purple clothing separates one figure from that field. A blue-white effect cuts across the lower-right action. Red becomes conspicuous in eyes, injury, and an enlarged effect on the left.

Those observations are not proof of a stated artist intention. They are things a reader can compare directly. Ask whether an accent helps identify a meaningful event or competes with the event you wanted to emphasize.

Check value—the relationship between light and dark—alongside hue and saturation. A temporary grayscale preview can reveal forms that merge in brightness, but it is only a diagnostic view. Return to the color version before deciding: a hue difference may communicate something the grayscale preview removes.

If a key figure becomes difficult to read, test a local change before rebuilding the palette. Quiet the adjacent background, alter one value relationship, reduce a competing effect, or clarify the silhouette. “More saturation” is not a reliable cure for every hierarchy problem.

Build a small value and lighting test

On a duplicate of one panel, group the image into three broad values: light, middle, and dark. Put the action you need to recognize into those groups before rendering textures. This is a simplification exercise, not a rule that the final art must contain only three tones.

For the courier scene, compare a bright cup against a quiet dark background with a dark cup against a light background. Keep the pose and dialogue unchanged. Which version makes the offer of water easiest to notice? Restore the chosen palette and check again. If color identifies an essential object or speaker, give it another cue—shape, placement, a symbol, or text—so hue is not the only information available.

Record the main light’s direction and color beside the test. Compare the face, cup, and table under that same light, then inspect the neighboring panel. Keep a small palette record showing a material’s base color and its appearance under this scene’s lighting; a deliberate lighting change should not silently become a different costume color.

Limit a color change to the intended part of the page

Clipping uses the painted area of a base layer to limit what appears above it. Put a shadow layer above the character’s base-color layer and enable Clip to Layer Below in CSP; Photoshop’s equivalent is Layer → Create Clipping Mask. If that base layer also contains the background, clipping will include it too. Use a separate base or a selection from the flats when you need a smaller target. See the official CSP layer guide and Photoshop clipping instructions.

A layer mask lets you hide an effect locally while retaining it for later revision. Select the mask thumbnail before editing: in CSP, transparent strokes hide and drawing-color strokes restore; in Photoshop, black hides and white reveals. For a color correction in Photoshop, an adjustment layer keeps its settings revisable; clip or mask it to control its reach.

Keep the lettering outside that treatment. Toggle the change while checking a face, a neighboring object, and a balloon: only the intended areas should respond.

5. Separate technical cleanliness from storytelling clarity

A fill can be technically tidy while its color weakens the scene. Conversely, a strong palette can still contain distracting gaps, halos, or stray pixels. Review both.

David Cumbo's digital coloring demonstration explains reference-layer filling and extending fills beneath linework to control gaps. It offers one practical software example; it does not establish which application or settings the Lunora team used.

Keep technical checks specific: missing regions, unintentional edge halos, effects covering expressions, inconsistent local colors, and accidental layer visibility. Then review the sequence again. Lighting may change deliberately, but a page should not imply a new location or time merely because its color treatment drifted unnoticed.

Fill and clean up one region before repeating the settings

1. Choose the boundary. In CSP, select the visible line-art layer or folder and use Layer → Layer Settings → Set as Reference Layer.
2. Choose where color goes. Select a separate, unlocked raster layer beneath the inks. Choose the Fill tool’s Refer other layers sub tool, then set Refer multiple (called Multiple referring in some versions) to Reference layer. Marking the inks as a reference and telling the tool to use that reference are separate steps. CELSYS explains both in its reference-layer tutorial.
3. Control leaks and edges. Test one enclosed region. Use Close gap for small breaks, and a modest positive Area scaling value to extend color beneath the ink edge. Increase only enough to remove the fringe; excessive expansion can spill outside thin lines. Close a large opening deliberately instead of forcing the tool to guess. The official fill-tool guide explains these settings.
4. Inspect the result. Temporarily hide the paper or add a contrasting background to expose holes. Check narrow corners at 100%, repair leftovers on the fill layer, then restore the page and check at reading size. There is no universal gap or expansion value: resolution, brush texture, and line thickness change what works.

Choose a grayscale or monochrome finish deliberately

Black-and-white publication can mean different files. Grayscale retains intermediate gray values for soft shading. Binary monochrome uses black and white; screentone dots can suggest gray without gray pixels. CSP’s Expression color controls distinguish Gray from Monochrome. Confirm which route the destination accepts in Guide 9 before finishing the page.

For a tone-based finish, keep tones editable. Create a selection and use Layer → New Layer → Tone; record frequency, density, and angle so neighboring panels remain coherent. CELSYS’s screentone instructions explain these settings. A last-minute threshold conversion can erase pale marks or turn soft shading into solid patches; threshold and toning exports solve different conversion problems.

Test lines and tones after reduction

Overlapping dot patterns or resizing can create moiré: unwanted bands that were not part of the drawing. CELSYS’s official moiré guidance recommends matching frequency and angle when overlaying tones, and using the For comic scaling process for print-tone exports. Resize while the tones are still editable in CSP; a generic image export no longer retains their native tone settings.

For screen editions, test a separate grayscale export with tone effects disabled where appropriate. If dots are important to the style, test their frequency at the actual delivery dimensions. Inspect the export at 100%, the uploaded result at reading size, and a print proof at its final physical size. Look for broken fine lines, closed hatching, and disappearing light tones. A clean zoomed-out canvas does not establish that the output is clean. Revise the master and export again; the destination-specific file checks belong in Guide 9.

6. Lettering is part of the picture

A balloon occupies compositional space. Its shape and placement affect the route through a panel; its text suggests a voice. Lettering deserves to be assessed with the art, not only proofread as isolated sentences.

Nate Piekos's Blambot lettering reference discusses emphasis, balloon tails, and awkward near-touches between lettering and inked lines. These are conventions with stylistic and editorial variation, not one mandatory vocabulary for every tradition of comics.

Check whether the speaker is unambiguous, whether the intended words are encountered in the intended order, and whether balloons conceal important expressions or actions. When space runs short, do not automatically shrink the type. Reconsider the wording, balloon arrangement, or composition with the relevant collaborator.

For emphasis, quiet voices, balloon construction, and sound-effect choices, continue to Guide 7. The two Glacias proofs below stay focused on the finishing question: whether the voice remains clear against the surrounding page.

7. Glacias: reviewing a voice as it fades

The first screenshot contains a descending series of thought balloons, repeated words, and a red note reading “FADING OUT.” Red circles and arrows identify areas for attention. Another note near the bottom reads “GLACIUM” with an arrow. We can identify these marks without inventing an exact implementation or claiming that the revision has already been completed.

This makes a useful teaching example because a fading voice is both a visual and narrative problem. Repetition can suggest persistence or diminishing awareness; spacing and treatment can change how the reader experiences it. However, a fading effect that makes indispensable dialogue unreadable can defeat the scene.

A practical follow-up note would specify which balloons change, what should remain legible, and where the effect ends. For example: “Test progressively quieter treatment across these marked thoughts, keeping the necessary words readable at the final display size.” That is a proposed teaching example, not a quotation from the original review.

8. Glacias: making a laugh occupy the moment

In the second screenshot, large red laughter marks span a narrow face panel. An arrow also marks the preceding dialogue area. The red marks document review; they should not be mistaken for the intended final font, color, or exact shape.

The useful question is how a laugh occupies a beat. Does it interrupt, stretch, mock, or overwhelm? Size, spacing, and placement offer ways to explore that question, but the finished lettering still needs to cooperate with the face and the surrounding reading order.

Review a corrected proof against the original note. The presence of a markup is not evidence that the change was implemented, and implementation alone is not evidence that it reads successfully. Read the revised sequence aloud and inspect it at its delivery size.

9. Run a visual-clarity pass before delivery

1. Action: Can an unfamiliar reader identify the important action and reaction?
2. Shapes: Are key silhouettes, hands, and props distinguishable?
3. Emphasis: Does the strongest contrast support the intended moment?
4. Words: Are dialogue, speaker identity, and reading order clear?
5. Effects: Do motion, lighting, and sound treatments leave essential information visible?
6. Continuity: Do neighboring pages support the same space, palette, and sequence?
7. Export: Are the results readable in the actual web or print proof, rather than only in the working file?

For a workshop exercise, choose one panel and write down its essential information. Change only one variable—line weight, background value, effect intensity, or lettering placement—and compare the two versions at reading size. Ask someone else what changed in their reading. Keep the version that better serves the scene, not automatically the one with more work in it.

Ready for the next stage: the important action survives reduction, fills and tones pass the relevant output checks, and a collaborator can revise a base color or effect without damaging the lettering. Retain both the editable master and the reviewed export.

From our worlds: what the finished page carries

The Lunora comparisons show how a scene gains specificity through changing drawings, dark shapes, and color. The Glacias proofs show another part of the same responsibility: helping a voice arrive with the right force and timing.

These are not separate contests between writing, art, and lettering. Each contributes to the same encounter with the reader. The finished page succeeds when its choices give the story room to be understood.

Sources and focused practice

• Scott Drummond / CELSYS: inking demonstration — line variation and solid blacks.
• David Cumbo / CELSYS: digital coloring demonstration — fill and edge control.
• CELSYS: Moiré appears with tone — resizing and export checks.
• Nate Piekos: Comic Book Grammar & Tradition — lettering in relation to artwork.
• W3C: Understanding Use of Color — additional cues for information conveyed through color.

Software instructions for this chapter

• CELSYS: vector layers, reference layers, and fill settings.
• CELSYS: clipping and masks, layer properties, screentones, and monochrome conversion.
• Adobe: clipping masks and adjustment layers and masks.

Software guidance checked against official documentation on October 30, 2026. Photoshop instructions refer to the desktop application; CSP instructions refer to PRO/EX in Studio Mode. Menu names and behavior can vary by version and device. Follow the linked documentation and test your actual handoff and export.

The value study and suggested corrections are original teaching exercises. Supplied production images are credited individually; a marked-up proof does not establish that a revision was completed.

Series continuity and resource review: October 28, 2026. Publication requirements remain subject to the linked service’s current instructions.

Continue Exploring

Revisit the layout and production decisions that make a clear finished page possible.

GUIDE 4Thumbnails, Panels, and Reading FlowPlan the sequence before refining individual marks. GUIDE 5From Rough Layouts to Finished Comic ArtCarry the page’s intention through each production handoff.