Comic Book Style Text Effect with Adobe Illustrator CS5

We all read comics in our childhood. I always adored the way they wrote the text, with a unique style that made you imagine what you read. Today in this tutorial, we will revisit our childhood by creating a text with comic style using Adobe Illustrator CS5.

image

1. Create a new document and in the layers panel, create a new layer. Rename it as Text. Then type in some text using the Text Tool (T).

image

2. Now we would warp the text. So choose ‘Make Envelope’ icon in the Control Panel (panel below the Menu bar) and click on the small drop down, choose ‘Make with Warp’. Alternately, with text selected go to Object > Envelope Distort > Make with Warp…

In the ‘Warp Options’ window, choose Arc style adjust the bend to the value shown below. You can experiment with the values.

image

image

I want a slight tilt to the text, so I will grab the rotate handler and rotate it. Alternately right click on the text, choose ‘Rotate’ and enter a value for the angle.

image

Perfect! Now double click on the text to switch to the Isolation mode from the Envelope Distort mode. We are doing this so that we can still edit our text.

NOTE: You can exit the Envelope Distort mode by Object > Envelope Distort > Expand. But this will convert the text into outlines and they would not be editable as text.

3. I would like my text to be bolder and add a cartoonish color to it, say orange. Use the Character panel to bold your text and Swatches panel to change its Fill color.

image

4. Now copy the text and paste it in front (Ctrl + F). Select this text and color it with yellow. Then adjust the position to make it look like this:

image

5. Now using the Selection Tool (V) or the black arrow tool, choose both the text and apply a black stroke with 2pt wide.

image

Great! We are done. Double click anywhere on the art board to exit the Isolation mode.

Filed Under: Adobe Illustrator

Tags:

About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (1)

Leave a Reply | Trackback URL

  1. […] This post was mentioned on Twitter by Yo Media, Saffron Stroke. Saffron Stroke said: Comic Book Style Text Effect with Adobe Illustrator CS5 http://goo.gl/fb/q3NW6 […]

Leave a Reply