1. Home
  2. Cartooning
  3. The ABCs of Lettering
  4. Lettering by Hand

Lettering by Hand

Once you've drawn your guides, rough the lettering into the comic in pencil. This is the time to check for grammar and spelling problems. Corrections will be much easier to accomplish before the mistakes are set in ink.

The two most common tool choices for lettering are markers and pen and ink. Some brave souls use a brush, but the practice demands masterful handling. Markers with nibs measuring 0.35mm to 0.55mm work well. Pen nibs with rounded tips such as Speedball's B5 and B6 are also good choices.

Just as important to your type's “voice” is the confidence and consistency of your lines. Keep your main strokes parallel and perpendicular to your guide lines, and try to keep them all the same thickness. Don't slant the letters unless you're trying to emphasize a word.

Common Hand Lettering Errors

Lettering errors harm a comic's legibility. The following is a list of letters that tend to be drawn incorrectly:

A:

Don't draw the crossbar too high. It should be below the middle of the shape.

B:

Two loops should not be identical. The top loop is slightly smaller and returns to the vertical stroke above its middle.

E:

The three horizontal strokes should be the same width and equally spaced. Don't nudge the middle stroke toward the top or the bottom.

M, W:

The peak in the middle should not stop short.

R:

Draw a P and add a small tail under the loop. This tail does not intersect the vertical line.

S:

The top curve is slightly smaller than the bottom one. Draw a snowman shape to help get the curves right.

As you practice lettering, these shapes will become more and more natural. Be sensitive to the particular needs of different letter shapes. For example, letters with curved strokes (O, Q, C, U) should fall slightly below the baseline to visually compensate for the white space trapped inside. Letters with intersecting strokes (K, X, Y) do not intersect right in the middle of the shape.

How can I catch spelling errors?

Maybe you need to look at things differently. Try reading the comic upside down. This old proofreader's trick forces you to look at the words in a new way, enabling you to catch mistakes that you were glossing over before.

<B>Pay Attention to Kerning</B></h2> <p>Adjusting the space between different letters — referred to as kerning — is one of the most delicate parts of hand lettering. Some letters need to be placed closer to their neighbors, and others need a little extra space. If you space your letters too closely, you'll end up with an illegible blotch. If your letters drift too far apart, they'll be read as individual letters rather than words.</p> <p>As a general rule, words that trap space inside their shapes (<B>O, U, Q</B>) tend to need a little extra space on either side. Slim, vertical letters (<B>I, J, L</B>) need to be placed closer to their neighbors. The needs of a slim letter overrule the needs of a fat one, so if <B>O</B> and <B>I</B> are adjacent, the letters should be placed slightly closer together. Letters with a slanted stroke on the left or right side (<B>K, X, W, V</B>) need to have their neighbors placed somewhat closer. It's not advisable for two letters to touch. Even letter pairs such as <B>TT</B> should have some white space between them.</p> <div class="npmo"> <img src="http://0.tqn.com/d/np/cartooning/9781593371456_0036_001.jpg" format="JPG"> <div class="npcp"><p>Examples of good and bad kerning</p></div> </div> <!--/gc--> <div id="pagination"><ul><li class="prev"><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/it-takes-preparation.htm" title="It Takes Preparation">It Takes Preparation</a></li><li class="next"><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/computer-lettering.htm" title="Computer Lettering">Computer Lettering</a> </li></ul></div></div> <div id="coda"> <div id="rel"><div class="n5">Related Articles</div><ul> <li><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/lettering-by-hand.htm" zT="18/1YL/Zn"> Lettering by Hand - Cartooning </a></li> <li><a href="http://healing.about.com/od/lessons/a/0312.htm" zT="18/1YL/Zn"> Medical Graphology - What is Medical Graphology? </a></li> <li><a href="http://comicbooks.about.com/od/letterers/a/letterer_2.htm" zT="18/1YL/Zn"> Comic Book Letterer Profile - Quotes From Comic Book Letterer </a></li> <li><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/it-takes-preparation.htm" zT="18/1YL/Zn"> It Takes Preparation - Cartooning </a></li> <li><a href="http://scrapbooking.about.com/library/weekly/blhandlettering.htm" zT="18/1YL/Zn"> Technique Challenge - Hand Lettering </a></li> </ul></div> <div id="sec"><div class="n5">Read More The ABCs of Lettering</div><ul><ul class="col1"><li ><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/understanding-typography.htm">Understanding Typography</a></li> <li ><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/a-fonts-voice.htm">A Font's Voice</a></li> <li ><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/it-takes-preparation.htm">It Takes Preparation</a></li> </ul><ul class="col2"><li class="btO">Lettering by Hand</li> <li ><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/computer-lettering.htm">Computer Lettering</a></li> <li ><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/judging-legibility.htm">Judging Legibility</a></li> </ul></ul></div> </div> <script>if(zSbL<1)zSbL=3;zSB(2);zSbL=0</script> </div> <div id="widgets"><script type="text/javascript">if(z336>0){w('<div id="adB">'+ap[0]+at[4]+as[0]);adunit('','','about.com',ch,gs,336,280,'1','bb',3);w('</div>')}if(z155>0){w('<div id="adP">'+ap[0]+at[4]+as[0]);adunit('','','about.com',ch,gs,336,155,'1','ps',4);w('</div>')}</script> <div id="pg" class="pane"><div class="n3">Shopping</div><div class="cntnr"><a href="http://shop.everything.com/product/the-everything-cartooning-book/"><img src="http://0.tqn.com/d/np/cartooning/Cover.jpg"></a><h4><a href="http://shop.everything.com/product/the-everything-cartooning-book/">THE EVERYTHING CARTOONING BOOK</a></h4><p><a href="http://shop.everything.com/product/the-everything-cartooning-book/">By Brad J. Guigar</a></p><div id="fp"><a href="http://shop.everything.com/product/the-everything-cartooning-book/">Buy This Book</a></div></div></div> <div id="toc" class="pane"><div class="n3">Cartooning Sections</div><ul><li><a href="http://www.netplaces.com/cartooning/top-ten-newspaper-cartoonists/">Top 10 Newspaper Cartoonists</a></li> <li><a href="http://www.netplaces.com/cartooning/getting-tooned-up/">Getting 'Tooned Up</a></li> <li><a href="http://www.netplaces.com/cartooning/the-computer-workstation/"> The Computer Workstation</a></li> <li><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/"> The ABCs of Lettering</a></li> <li><a href="http://www.netplaces.com/cartooning/drawing-101/"> Drawing 101</a></li> <li><a href="http://www.netplaces.com/cartooning/skip-the-model-and-use-your-head/"> Skip the Model and Use Your Head</a></li> <li><a href="http://www.netplaces.com/cartooning/drawing-hands-and-feet/"> Drawing Hands and Feet</a></li> <li><a href="http://www.netplaces.com/cartooning/the-human-figure/"> The Human Figure</a></li> <li><a href="http://www.netplaces.com/cartooning/building-character-through-design/"> Building Character Through Design</a></li> <li><a href="http://www.netplaces.com/cartooning/once-more-with-feeling/"> Once More, with Feeling</a></li> <li><a href="http://www.netplaces.com/cartooning/in-perspective/"> In Perspective</a></li> <li><a href="http://www.netplaces.com/cartooning/toon-shorthand/">'Toon Shorthand</a></li> <li><a href="http://www.netplaces.com/cartooning/making-a-scene/"> Making a Scene</a></li> <li><a href="http://www.netplaces.com/cartooning/anthropomorphic-characters/"> Anthropomorphic Characters</a></li> <li><a href="http://www.netplaces.com/cartooning/caricatures-that-work/"> Caricatures That Work</a></li> <li><a href="http://www.netplaces.com/cartooning/editorial-cartooning/"> Editorial Cartooning</a></li> <li><a href="http://www.netplaces.com/cartooning/single-panel-cartoons/"> Single-Panel Cartoons</a></li> <li><a href="http://www.netplaces.com/cartooning/the-comic-strip/"> The Comic Strip</a></li> <li><a href="http://www.netplaces.com/cartooning/comic-books/"> Comic Books</a></li> <li><a href="http://www.netplaces.com/cartooning/make-it-funny/"> Make It Funny</a></li> <li><a href="http://www.netplaces.com/cartooning/processing-final-art-for-print/"> Processing Final Art for Print</a></li> <li><a href="http://www.netplaces.com/cartooning/self-publishing-on-the-web/"> Self-Publishing on the Web</a></li> <li><a href="http://www.netplaces.com/cartooning/getting-published/"> Getting Published</a></li> <li><a href="http://www.netplaces.com/cartooning/taking-care-of-business/"> Taking Care of Business</a></li> <li><a href="http://www.netplaces.com/cartooning/additional-resources/">Additional Resources</a></li> <li><a href="http://www.netplaces.com/cartooning/glossary/">Glossary</a></li> </ul></div></div> <script type="text/javascript">zCi();validateForms();</script> <div id="abf" style="padding-right:0"><ol class="crumbtrail"><li class="home"><a href="http://www.netplaces.com/">Home</a></li><li><a href="http://www.netplaces.com/cartooning/">Cartooning</a></li><li><a href="http://www.netplaces.com/cartooning/the-abcs-of-lettering/">The ABCs of Lettering</a></li><li>Lettering by Hand</li></ol></div> <div id="aboutinfo" class="hlist"><div id="morefrom"><h6>Visit other About.com sites:</h6><ul><li><a href="http://caloriecount.about.com/" rel="nofollow">Calorie Count</a></li><li><a href="http://www.consumersearch.com/" rel="nofollow">ConsumerSearch</a></li><li class="last"><a href="http://www.allexperts.com/" rel="nofollow">Allexperts.com</a></li></ul></div> <ul id="siteinfo"><li><a href="http://spiderbites.about.com/sitemap.htm">SiteMap</a></li><li><a href="http://www.about.com/gi/pages/hc.htm" rel="nofollow">Help</a></li><li><a href="http://www.about.com/gi/pages/mprivacy.htm" rel="nofollow">Privacy Policy</a></li><li><a href="http://www.about.com/gi/pages/mprivacy.htm#adchoices" rel="nofollow">Your Ad Choices</a></li><li class="last"><a href="http://www.netplaces.com/pform.htm" rel="nofollow">Contact Us</a></li></ul> <ul id="companyinfo"><li class="last"><a href="http://shop.everything.com/ " rel="nofollow">Buy Books</a></li></ul><div id="disclaimer"><p>Netplaces.com, a part of <a href="http://www.nytco.com/">The New York Times Company</a>.</p><p>All rights reserved.</p></div></div></div> <script type="text/javascript"><!-- zPxA[zPxC]=new Image();zPxA[zPxC++].src="http://b.scorecardresearch.com/p?c1=2&c2=6036459&c7=http%3a%2f%2fwww%2enetplaces%2ecom%2fcartooning%2fthe%2dabcs%2dof%2dlettering%2flettering%2dby%2dhand%2ehtm&c8=Lettering%20by%20Hand&c9=&cv=2.0&cj=1"; adclose() //--> </script> <script type="text/javascript">(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s)})();</script> </body></html>