• Home
  • Contact
  • FAQs
    • What is Webcomics.com?
    • Member Benefits
    • How To Post an Article or News Item
    • How to Post a Webcomic on the List
    • How to Post a Comic
    • Terms of Service
  • Forums
  • WebComics List
  • Benefits
    • Print Vendors: Get multiple quotes
    • Banner stand: Discount
    • Consultation discount
    • “How To Make Webcomics” book: discount
    • “Webcomics Handbook”: discount
    • ALL benefits
  • My Account
    • Welcome
    • What is Webcomics.com?
    • My Subscription
    • Join us!
  • Account
  • Membership List
Twitter Email RSS

Webcomics.com

How To Make WebComics

WebComic Handbook

‹ FCC approves Net Neutrality Manga Studio 5 EX – exclusive member bene... ›

Friday Archive Dive: Word Balloon Aesthetics

You don’t need a subscription to read today’s Friday Archive Dive!

Even if you’re not a member of the site, you can read the entire post, which originally ran Feb. 16, 2010. If you’ve ever been curious about the kind of information, tutorials and advice that you’ll get as part of your subscription to Webcomics.com, this is a good sample.

If you’d like to join the site, you can get a 12-month subscription for $30 — or you can get a one-month Trial for $5 … with no obligation after your 30 days expire.  

Word balloons are so common — so freely accepted as a part of a cartoonist’s visual syntax — that many of us haven’t given the subject a whole lot of thought. Looking back at my own work, I know I didn’t for the first several years. If you haven’t read the post on Three Common Word-Balloon Mistakes, take a second and look it over. It provides some good structure for today’s discussion.

And, as is the case with any discussion of aesthetics, these are not meant to be taken as written-in-stone dictates. But the philosophy behind the aesthetics should help inform your own process in developing your own personal style.

It’s time to look at word balloons again for the first time.

Basic construction

There are several ways to make word balloons. Put the tern into a search using the button at the top of this page and you’ll find several.

But, for my taste, all good word balloons share some traits:

  • The body of the balloon is circular — not rectangular
  • The tail should has slight curve to it and points to the speaker’s mouth
  • Tails never cross
  • Text is centered — vertically and horizontally in the body of the balloon.
  • The style of the balloon matches or compliments the style of the illustration

In the first panel of the example below, you can spot both crossed tails and tails that fail to point out the speaker.

Although, I’ll admit, the most entertaining part of the strip is imagining a jumbo jet intoning: “Who is paying you to release those birds?”

Process

Here’s my process. I draw my balloons using a circle template, but you can get the same effect digitally by drawing actual ellipses and applying vector commands (such as Punch and Union in FreeHand; Pathfinder -> Subtract and Pathfinder -> Add in InDesign or Illustrator).

Balloon placement

Standard: OK, now that you know how to do an elegant-looking word balloon, what do you do with it? Well, aside from pointing the tail to the speaker’s mouth, there’s not much left to it, right? Wrong. There are many different strategies for placing a balloon in a panel — and each has a benefit in terms of composition and text handling. So, let’s get the obvious out of the way. This is a standard placement. There’s a little space between the panel borders and the balloon. It’s equidistance from both the top and the right-hand border.

Docking: Of course, you can butt the balloon up against the panel border.

I’ve seen this referred to as “docking.”

I have to admit, I’m not crazy about the look, but it eliminates dead space above the text (and to one side, if you dock it to the top and side of the panel), so it’s a favorite for getting more words into a panel.

Remember, docking the balloon doesn’t eliminate the necessity to keep a consistent spacing between the text and the borders of the balloon.

Knock-out: I remember the first time I saw this technique. It was in a Hagar the Horrible strip. I immediately fell in love with how it opened up the otherwise cramped confines of the newspaper-strip set-up.

I use this one quite a bit in my comics. The secret to doing it well, I think, is not to get too close to the corner. See that little triangle that gets formed in the upper right of the example? If that triangle gets too small. the effect gets wonky. Of course, you can always make the body of the balloon so big that it eliminates the triangle entirely. But, again, to my taste, it’s not as elegant an effect.

Overlap: Scott uses an overlapped word balloon in PvP quite often.

Paired with a transparent PNG file, he gets a really cool effect on his site.

I think the key to using this technique is restraint. Floating the balloon too far away creates a disconnect between the balloon and the panel — which is counter-productive.

The two should work as a unit.

Bridge: Now, I’d been reading comics since the late 70s — and working on them since the late 90s. And I’d never taken notice of this approach until a couple years back, when I was paging through an old Batman comic and saw this.

I gotta tell you, I think this strategy is brilliant.

I can tell you from experience that it sets up some really interesting compositions and — since some of the space that it uses comes out of the gutter — it’s a good way to get more words in.

I can also tell you from experience that the key to doing this well is keeping the tail away from the gutter. If you get it too close, it looks awkward.

Special Balloons

Burst balloon: If you’re doing this digitally, doing a starburst is pretty simple, but hand-drawing a starburst can get a little tricky.

Here’s what I do. I start by pencilling a standard word balloon and then I draw a larger ellipse around the body of the balloon.

Then I draw a zig-zag line between the two guides.

If I keep the angles roughly consistent, I can make it all the way around without it looking ugly.

Compound balloon (1): You can divide the word balloon of a single speaker in the same panel.

This is useful if the speaker is interrupted by another speaker or if the speaker is delivering two separate thoughts in the same panel. Or, heck, it’s even a darned useful way to indicate a pause.

I prefer the connector tail to be a natural extension of the balloon tail.

Compound balloon (2): Of course, there’s nothing that says that you need a connector tail between the two parts of a compound balloon.

You might choose to mash both balloons together. But, again, in choosing where to intersect the two balloons, I try to position them so they meet in the zone indicated by the tail.

Share this:

  • Facebook
  • Twitter
by Brad Guigar on February 27, 2015
Posted In: Archive Dive, Art, Lettering
Comments available to logged in users only.


Recent comments

  • Jaycee Knight on ComicLab Ep 171 — NFTs for webcomics?
  • Jaycee Knight on ComicLab Ep 171 — NFTs for webcomics?
  • Shadowmark Productions on NFTs
  • Jaycee Knight on ComicLab Ep 170 — Craptastic to Fantastic
  • fleen on NFTs

Search




Webcomics.com Poll

I design my comic specifically for smartphones and digital tablets.

View Results

Loading ... Loading ...
  • Polls Archive

Categories

  • Archive Dive
  • Articles
    • Advertising
    • Art
    • Business
    • Community
    • Conventions
    • Creativity
    • Crowdfunding
    • Digital publishing
    • Image prep
    • Lettering
    • Marketing / Social Media
    • Merchandise
    • Print publishing
    • Tech
    • Web site
      • Web Site Design
    • Writing
  • ComicLab
  • Edited and Ready
  • Events
  • Guest
  • Hot Seat critiques
  • Information
  • Interviews
  • Livestream Chat
  • Mail Bag
  • Member Benefits
  • Promos
  • Site News
  • Studios
  • Surviving Creativity
  • To-Do List
  • Uncategorized
  • Video
  • Webcomics Confidential
  • Webcomics Weekly
  • Webcomics.com Poll

Tags

AdSense advertising Comic Easel comments composition contract copyright creativity exercise credit cards Crowdfunding digital lettering digital publishing Facebook Google Analytics holiday Humor IP KDP Kickstarter Kindle legal lettering line weight Longform comics Manga Studio merchandise NCS panels Patreon Promotion PulsePoint readers revenue SEO shipping social media Square taxes trademark Twitter typography Web design word balloons WordPress writing

Special Features

Just now, in the forum…

  • Is the concept of a frequency of updates outdated now?
  • Should I pull my comic rom Webtoons?
  • Patreon: upfront charging or not?
  • Longform webcomics
  • Quantity time vs quality time on social media

Recent Posts

  • Why Artfol is destined for failure
  • Tax time — and some advice if you owe money
  • Page turns and Story beats
  • ‘Ringo Awards nominations
  • A new strategy for the much-maligned calendar

Recent Replies

  • Brad Guigar on Is the concept of a frequency of updates outdated now?
  • Bryceart on Should I pull my comic rom Webtoons?
  • Brad Guigar on Should I pull my comic rom Webtoons?
  • MynameizJR on Should I pull my comic rom Webtoons?
  • MynameizJR on Longform webcomics

Recent Topics

  • Is the concept of a frequency of updates outdated now? by MynameizJR
  • Should I pull my comic rom Webtoons? by Bryceart
  • Patreon: upfront charging or not? by Jaycee Knight
  • Longform webcomics by MynameizJR
  • Quantity time vs quality time on social media by MrMcCloud

Recent Comments

  • Jaycee Knight on ComicLab Ep 171 — NFTs for webcomics?
  • Jaycee Knight on ComicLab Ep 171 — NFTs for webcomics?
  • Shadowmark Productions on NFTs
  • Jaycee Knight on ComicLab Ep 170 — Craptastic to Fantastic
  • fleen on NFTs
  • My Subscription
  • Contact
  • Store
  • Terms of Service
  • Account
  • Membership List

©2007-2021 Webcomics.com | Powered by WordPress with ComicPress | Subscribe: RSS | Back to Top ↑