Comicraft Fonts Tips & Tricks Portfolio Comics
   
   
 
Search tips
 

Entire site
Support this site via Paypal
 
Browse tips
 

• Production: Aged Comic Cover

• Lettering: Thought Balloons

• Lettering: Opentype Ligatures

• Publishing: Getting Started in the Industry

• Lettering: Gradients in Illustrator

More >>  



Comic Lettering book

Home > Tips > Lettering: Multiple Outline SFX

Lettering: Multiple Outline SFX

Jonnie writes:
"How do you colorize the lettering keeping the outline around the font."

It's a basic trick, but an essential part of lettering in Illustrator.

1. Create outlines and arrange the letters how you like them.

2. Group the letters and give them a thick stroke (try 5 or 6 point).



3. Copy (choose Edit > Copy or hit command-c) and Paste in Front (Edit > Paste In Front or command-f). Set this stroke to none and the fill to white (or any color you want), and you're set!


Using this basic technique, there are more complicated effects you can acheive...

  • Show the outline of the letters where they overlap: set the front object's stroke to 1 or 2 point black.

    For a truly authentic pen-drawn look, use Object > Arrange > Bring to Front (command-shift-]) to bring each letter to the front of the one on its right. This resembles how the letters would be drawn sequentially by hand.

  • Single outline with solid fill:


  • 1. Black fill, no stroke

    2. 5pt white stroke

    3. 10pt black stroke
  • Double outline:


  • 1. White fill, no stroke

    2. 5pt black stroke

    3. 10pt white stroke

    4. 15pt black stroke
  • Creat a 3d effect: offset some of the layers using the keyboard arrow keys as you go along.

Experiment with these basic techniques, and come up with your own variations!

If your comic is going to be printed in color, be sure to properly overprint your blacks (the simplest method is to select all (command a) and then Filter > Color > Overprint Black). This will prevent most (though not all) unsightly white "halos" that can happen when printing plates shift slightly.

Related Pages:


Tips & TricksArticlesInterviewsDiscussion ForumWhat's NewFont LibraryNewsletterContact Us

The contents of this website are copyright (c) Active Images. All rights reserved.