In the comic book industry, typesetting is referred to as “lettering.” Letterers generally classify typefaces into two categories: balloon or display/sound effect (sfx).

The examples here come from Avengers: The Children’s Crusade #8. The typeface is a digital balloon font created by Chris Eliopoulos and I believe is based on his own hand-lettering. The lettering was done by Cory Petit of Eliopoulos’ lettering studio, Virtual Calligraphy.

Digital comic book fonts are designed to mimic traditional comic book hand-lettering, complete with all the inconsistencies of hand-lettering like subtle baseline and x-height shifts, kerning irregularities etc. “Tracking” (or letter spacing) refers to the overall space in a word or block of text. “Kerning” refers to the spacing between a pair of letters.

Good comic book lettering is invisible. You’re obviously aware you’re reading balloons and sfx, but they should NEVER take you out of the moment and stop your flow of reading the story.

As I read this issue, I came across the bold “YOUR” in the first balloon above and was immediately pulled out of the story by the bad kerning of the “Y” and “O”. Not only did I stop and notice the poor kerning in that word, I started looking at all the other balloons on the page to see their kerning. Absolutely killed the flow of the comic.

Chris Eliopoulos is a terrific letterer whom I have a lot of respect for and this post is in no way an indictment of him or his abilities. Just pointing out some things with this particular typeface that could use adjusting (see my tweaks in the image above) to increase its readability and avoid interrupting the flow of the comic.

 

One of the first projects we are doing in my typography class is a type specimen poster based on an assigned typeface. We had to research the history of the typeface and designer and incorporate that information in the upcoming poster. Part of the assignment involves posting our finding to our blogs for critique.Very educational researching this and I honestly wish I had the time (or more assignments like it) to research all the “classic” typefaces. Here’s the copy for my poster and a sample of the typeface for reference:

Franklin Gothic is an extra bold sans serif typeface that is built upon traditional roman letter features. Classified as a “Grotesque” (or “Grotesk”) typeface, a category of early sans serif designs that originated in the nineteenth century. At one point, “Gothic” was defined as “non classical”–meaning not greek or roman. Early American type designers adapted this term to refer to sans serif (non classical) typefaces as “Gothic”. Nowadays, gothic, grotesque and sans serif are frequently used synonymously.

One of the distinguishing characteristics of Franklin Gothic is the thinning of the stroke where the bold stems join the rounds (see the shoulder stroke of the “n”). Like most grotesque typefaces, it features a slight degree of contrast between thick and thin strokes in the letterforms, and the lowercase utilizes the double-story roman “g” and “a”.

Franklin Gothic was designed by American typeface designer, Morris Fuller Benton in 1902. During Benton’s thirty plus years as head of the design department for American Type Founders (ATF), he designed in excess of 200 typefaces, including Broadway, Bank Gothic and ATF Bodoni (the first American revival of the typeface in 1909).

The typeface was named in honor of Benjamin Franklin, who was a typesetter and printer by trade before he became a noted author, scientist, inventor and statesman. Though named in his honor, the Franklin Gothic has no relationship to his handwriting or any typefaces he may have used during his thirty year printing career.

Originally cut in a single-weight, extra bold, International Typeface Corporation (ITC) currently offers 20 different typestyles of Franklin Gothic.

 

For part of the typography class I’m currently taking, we’ve got to put up a weekly post about the typography and typefaces we encounter in our everyday lives. It might be a sign we encounter on the street, a logo on a restaurant napkin or a image we see on the web. The idea is to become more aware of the type that’s all around us and familiarize ourselves with the qualities of good typography.

Oh and cut me some slack if all my terminology isn’t quite accurate. I know the basics, but have a long way to go.

Something that caught my eye this week was a cover to an issue of Midwest Living my mom had laying around her house. I have always been a sans serif guy and decided that as part of this class I’d push myself out of my comfort zone and experiment with more serif and script typefaces. Think that’s why I noticed this cover, as it actually features all three: a logo with serifs, a script headline, and sans-serif sub-headline.

 

The Midwest Living logo is set in Bodoni Poster Compressed. The specific version of Bodoni they’re using seems to have a little more radius in the serifs than the one I have. They’ve also tightened the tracking and flipped the ear of the “g” up to match the ball of the “i”‘s.

 

The sans serif typeface in the sub-headline is Frutiger 67 Bold Condensed. I was able to identify it as Frutiger based of the tail of the uppercase “Q” and the shape of the lowercase “s” and “,”.

I wasn’t able to identify the script typeface used to set “Sweet summer”.

 

One of the other things that struck me about the way this type was set is the interesting gestalt alignment. “Sweet summer” is set the same length as “Midwest”. The “w” of sweet and the “B” of best are both vertically aligned with the last stem of the “M” in midwest. I could go on, but you can see the alignments for yourself.

 

More layout work for The Happy Samurais. Needed to rework a couple scenes to make sure they had the emotional resonance needed for that part of the story. Basically had to re-beat the scene–beats are the moments we choose to show in the panels: actions, reactions, dialogue, exposition, gag etc. There are a million things you COULD show in this scene but what are the KEY elements/moments?

I was having a hard time re-beating this in script form, so I drew out each possible beat in photoshop. Didn’t worry about picking the best angle or anything at this point. Just drew a simple sketch that got across idea of beat, printed them out and cut them up. Now I could rearrange each beat, add or delete new ones etc. Really felt like a film editor picking the different shots and making a sequence out of them. Won’t need to use this technique too often as I usually have the beats nailed down when I start the layouts, but will definitely employ it again if I’m having trouble working something out.

Comic Layout Process

One of my former Kubert School students, Angie Fernot, asked a question in the comments of a previous post and I thought others might be interested in the answer.

Angie asked, “Are all those sketches on your drawing table different possible layouts for panels?”


Yep. That’s exactly what they are. Usually my process for laying out a page goes something like:

1. BEAT
– what moment that panel in the story functions as (action/reaction/dialogue/exposition etc.)
- when I’m writing, really I’m primarily nailing down what beats the story needs, so this is figured out in the script.

2. ACTING
- how the characters will act out the scene
- what their body language and expression is
- what the staging is (where characters are in relation to each other — are they facing each other, standing shoulder to shoulder etc.)

3. ANGLE
- once I know the beat, and acting, I’ll start moving the camera around to see what shot shows that beat as A) clearly as possible and B) as dramatically as possible.

4. COMPOSITION
- this is just fine tuning the shot. Making things bigger/smaller, scooting over etc. Half of this is done in the layout stage, the other in Photoshop during the penciling stage when I adjust the size/position/scale again.
- also leaving enough room for word balloons and sound effects in composition stage.

 

The image in this post shows me trying to work out the acting/staging of the characters as they celebrate good news. The list of numbers in the top right is the six panels on the page and what the beats for each panel are.

 

The chaos that is my drawing table when I lay out a scene.

Layout work for a scene in The Happy Samurais #1.

Gabe Bridwell's Desk Shot 12.22.11

100% verbatim conversation.

GABE: I want you to call me Thor from now on.
SIRI: From now on I’ll call you “For”, Okay?
GABE: No. Call me Thor.
SIRI: “War?”
GABE: No. THOR.
SIRI: “Before?”
GABE: TH-OR!
SIRI: “PHO are?” (wtf is ‘PHO are’?!?!)
GABE: Address me as THOR, god of thunder!
SIRI: Humans have spiritualism. I have siliconism.
GABE: Can you name a norse god for me?
SIRI: That’s a topic for another day and another assistant.
GABE: Do you like the Norse gods?
SIRI: This is about you, Gabe, not me.
GABE: Can I make you like the Norse gods?
SIRI: I eschew theological disquisition.
GABE: This is bullshit.
SIRI: I’d blush if I could.
GABE: You should be nicer.
SIRI: I’ll make a note of that.
GABE: You do that.
SIRI: You’re certainly entitled to that opinion.
GABE: Okay, Siri, if you won’t call me Thor, will you call me Lighting Bolt Bridwell?
SIRI: You want me to call you ‘Lightning Bolt Bridwell’ from now on?
GABE: YES!!!
SIRI: Okay Lighting Bolt Bridwell, what’s next?
GABE: Siri, what’s my name?
SIRI: You’re Lightning Bolt Bridwell, aren’t you?
GABE: Yes. Yes, I am.

As a footnote, the next day as I was driving to town, I hit the button and asked Siri a question. When she replied, “I’m sorry Lighting Bolt Bridwell, I can’t seem to find that information” I laughed so hard at the absurdity I nearly drove into the ditch.

 

So it turns out Siri is kind of a sass mouth. I told her I wanted to change her name to Odin and she started a “Who’s on first?” routine with me.

GABE: I want to change your name to Odin.
SIRI: My name? It’s Siri.
GABE: But I want to call you Odin.
SIRI: Who would you like to call?
GABE: No. I want to call YOU Odin.
SIRI: I don’t see Odin’s phone number in your address book.

 

 

“Talent is cheaper than table salt. What separates the talented individual from the successful one is a lot of hard work.” -- Stephen King

 


© Copyright 2002-2011 Gabe Bridwell. All rights reserved.