Computer Lettering for Comic Books: A Primer by Sean Glumace - Tutorials
I wrote this tutorial about comic book lettering for a presentation I did for the Friends of Lulu LA back in 1996 and it is still floating around out on the web in various forms. Over the years I have lettered books for most of the major publishers and independents, and this process has not changed much. I did a new series of videos which can be found on my Behance site as well.
While most of it is still up to date and relevant, I have republished it here and added and removed a few things. One of the major changes is that I use InDesign instead of QuarkXPress now.
This article is still live online in its original form at http://hans.presto.tripod.com/glumace_primer.html
I never do my major lettering in Photoshop. (Note: I still agree, don’t do your major lettering in Photoshop, but now with vector based objects and type in Photoshop you can do so much more than you could 15 years ago) I would suggest you use Adobe Illustrator to letter. I’ve been lettering for a number of years now and here’s a quick how to do it primer:
1) Take your working artwork (Note: Usually a 300dpi TIFF file that is flattened from the original Photoshop document that was used to color or just the line art) from Photoshop and place it in an illustrator template that you make with your guides (usually 6.625 x 10.25 but that may vary) on a layer by itself as a background layer to work on top of for your lettering.
2) Create another layer on top. This is where you will be placing the lettering. (Note: You may use multiple layers now) I also suggest that you use open type fonts. ComicCraft Fonts and other major font publishers make fonts in OpenType. You will be able to use these on both the Mac and PC. I usually use 7-8 pt text with no stroke weight when lettering, but that may vary as well depending on the look and feel you are shooting for.
3) As you start to letter I like to have the script written out in a Microsoft Word or emailed to me. This protects me from doing creative “editing” when typing in a script from a hardcopy, plus it speeds things up because all I have to do is cut and paste. Keep an eye out for mistakes in the script. It happens and make a list of "corrections" to send back for proofing. Saves time down the road in production for you.
4) Now to the word balloons…. First I lay down the script and by eye I try to shape it into an oval or round shape. This may take some practice to do, but you will get the hang of it. Then I take the oval tool in illustrator and draw the bubble around the text with a white fill, I do this fill because if you didn’t you would have the art work showing through. I try to give an ample amount of space around the text the outside line. I also use all 1 pt. stroke weights on the bubbles (but this may vary as well). Now you are ready to do the monkey tails (or balloon tails).
5) Monkey tails (balloon tails). This is where it gets tricky the first few times out. Use the pen tool to create a point where you want the tail to start. Then create another point where you want the tail to end in a point, then hold down the option key and click on that point, this will redirect the vector handle and you will get a sharp point. Then create the last point back inside the bubble where you want the tail to end. You know have a custom Monkey Tail! But it looks ugly with it sticking up into the word bubble, not a problem, under filters in illustrator select pathfinder then unite and they will become one, also your text may “disappear at this point, but don’t worry just send the balloon to the back (apple key + minus key) and you’ll be in business.
NOTE: I like to use Compound Shapes in the Pathfinder Pallet pull down menu. This creates an object that still can be taken apart unlike the Unite tool. Your call how you want to work in the production process.
5) As you letter in illustrator you will find that when you need special effects (like POW or BANG) the filters and commercial plug ins like will come in handy. Many font foundries make fonts that have all the special effects built in, so all you need to do is type and get that POW or BANG you need. Plus with Illustrator you can just make corrections by retyping or moving a bubble from place to place.
6) The last step. first when you are done with the page delete the layer with the image file in it you now have just the text on a blank page. I will outline the text and save it as a production file with a name like page01.ai. I used to make EPS files but have moved over to AI files for my production process. If you are sending them to another publisher or designer I suggest outlining everything and saving as an .eps file. Make sure you keep a working file with everything editable.
7) Then it is on to InDesign for the final output. This is the simplest of the process to do. First create a page template to the size of your book. I usually use a 6.625 x 10.25 page (so something similar) with a 1/4 inch margin, some prefer 1/8 inch, but as I said before this may vary. Then start laying in the images on each page. TIFF or image file should be laid down first then the eps file on top, line them up using the align tools or . I also try to build the entire book in InDesign at this point, letters to the editor page, ads etc. this also includes the inside and inside rear cover files and call this file my interiors file, then build an exterior color cover file.
8) In InDesign you want to do a FILE>PACKAGE to collect all the files that you used and fonts that are not outlined. For the comic book fonts make sure you outline them in Illustrator first. It may be against your use/license agreement to actually send those. Even if they are common fonts like Helvetica and such, don't assume that the printer will have them. If you fail to do this I can promise you that bad things will happen….late printing, wrong fonts etc.
Well I hope that this helps or answers your questions.
Any who if you guys find something wrong or have a better way of doing it give me a yell, I’d love to hear from you!!
You may also like
Golden West College Catalog 2014-2015 - Graphic Design
Vigilante Project Graphic Novel - Comic Book Lettering
Nobody Cares LB Press Kit Folder - Graphic Design
HousesInSoCal.com Door Hanger - Graphic Desig
Queen Elizabeth 2 Comp Poster - Illustration
Make a Comic Book Cover with Photoshop - Tutorial Video
GoGirl! Issue 2 - Comic Book Lettering
Garden Grove Journal - Web Design
MPICT 2014 Creating Online Video and ACA - Workshops
Auto Shopper Club Mailer - Graphic Design