Color and Lettering

Lettering Basics for Speech Bubbles

Learn the basics of lettering speech bubbles in a vertical comic: balloon shape, tail placement, reading order, spacing and consistency so dialogue reads cleanly.

On this page
  1. Lettering is invisible when it works
  2. The anatomy of a speech balloon
  3. Shape the balloon around the text
  4. Tails: who is speaking?
  5. Reading order
  6. Balloons and the artwork
  7. Size and screen considerations
  8. Common problems and fixes
  9. Build a repeatable routine

Lettering is invisible when it works

Readers rarely compliment good lettering. They just read smoothly. Bad lettering, on the other hand, is noticed at once: balloons that cover a face, tails that point at the wrong person, lines that seem to come in the wrong order. The goal of lettering is to make dialogue effortless to follow so the reader’s attention stays on the story.

This article covers the basics of balloons, which are the most common container for spoken words.

The anatomy of a speech balloon

A speech balloon has two parts.

  • The body. The shape that holds the text. The classic version is an ellipse or rounded rectangle.
  • The tail. The pointer that connects the body to the speaker.

Variations of these two parts communicate extra information, and a small, consistent set of variations is usually plenty.

  • Regular balloon: a smooth outline for ordinary speech.
  • Shout or burst: a spiky or jagged outline for loud speech.
  • Whisper or quiet: often a dashed or lighter outline, or smaller text.
  • Thought balloon: historically a cloud shape with small bubbles leading to the character. Many modern webcomics use a different convention, such as italic text or a tinted box.
  • Off-panel or phone voice: a tail that points toward the edge of the frame or a differently shaped tail to show the speaker is not visible.

Whatever conventions you choose, use them the same way in every episode so readers learn the code once.

Shape the balloon around the text

The text should fit the balloon, not the other way around. A good balloon follows the rough shape of the lines inside it, with even breathing room on all sides.

  • Center the text and break lines so that the block is roughly round or oval. Very long single lines in a wide rectangle look stiff.
  • Leave a margin between the letters and the outline. If words touch the edge, the balloon looks cramped, and it can be hard to read on a small screen.
  • Avoid huge empty balloons around a few words. If the balloon is much larger than its text, shrink it.
  • Keep line lengths similar where you can. A rough rule is that lines can shorten gently toward the top and bottom, which creates a natural oval.

Where possible, break lines at natural pauses in speech. Splitting a phrase in the middle of a thought forces the reader to re-scan.

Tails: who is speaking?

The tail answers the question “who said that?” Clear tails prevent confusion.

  • Point the tail toward the speaker’s mouth or head, not the middle of the body.
  • Keep it simple. A short, tapered tail is usually enough. Very long or twisting tails get in the way of the art.
  • Avoid crossing tails over other balloons or over other characters’ faces.
  • If the speaker is off-panel, let the tail point toward where they would be.
  • With several speakers in one panel, make sure each tail visibly connects to the correct person.

If you ever find yourself unsure whom a tail points at, the reader will be too. Redraw the tail or move the character.

Reading order

In a vertical comic that reads from top to bottom, the order of balloons within a panel generally follows left to right, top to bottom, in languages read that way. Readers expect the first thing said to appear higher or farther left than the reply. Reading direction varies between comic cultures, so adjust to the language of your readers.

Some tips for keeping order clear.

  • Place the first speaker’s balloon above or to the side of the second one.
  • Keep balloons for a single exchange close together, with a modest gap.
  • Avoid forcing readers to jump back and forth across the panel.
  • Use staggered positioning to follow the natural path of the eye, which relates to how eye flow works on a tall canvas.
  • Do not crowd more than a few balloons into one panel; if there is too much dialogue, consider splitting the panel or trimming lines. Short exchanges also tend to be easier to read, a habit that suits comic dialogue in general.

Balloons and the artwork

Balloons sit on top of the picture, so plan their space while sketching. During the thumbnail sketches stage, leave room for dialogue so faces, hands and important props are not covered. A common beginner mistake is to draw a beautiful panel and then realize the text has nowhere to go.

On a vertical page you also have the gutter space between panels. Balloons can overlap panel borders to connect one image to the next, which helps with pacing, but use this sparingly so panel structure stays readable. The same caution applies to the overall panel layout.

Size and screen considerations

Most readers use phones, so lettering that looks fine on a large monitor can be too small. Test your text size at the final export width. As a general idea, if you have to squint, the text is too small. Pay attention to contrast between the text and balloon color, and keep outlines clean so they stay visible on bright screens.

Common problems and fixes

  • Text too close to the edge: enlarge the balloon or reduce the text size slightly.
  • Awkward one-word last line: rebreak the lines.
  • Tails pointing to the wrong person: move the tail or the balloon.
  • Balloons covering key art: reposition, shrink, or split the dialogue.
  • Too many different styles: simplify to a small, consistent set.
  • Inconsistent outline thickness: use one stroke width for regular balloons and a defined variation for special ones.

Build a repeatable routine

Many creators set up balloon templates or saved brushes in their drawing software so every balloon starts from the same outline weight and tail style. A repeatable routine saves time on a weekly production schedule and keeps episodes uniform. Lettering done in a consistent way also helps with later translation, since text on its own layers is easier to replace.

Finally, read the finished episode aloud, scrolling at normal speed. If your voice stumbles anywhere, a reader’s eyes probably will too.

The complete guide to color and lettering

Color Palettes for Digital Comics
Read the guide

Keep exploring

Guides from other topics

All topics →