Advertisement
Text Effects

How to Create a Smokin' Western Type Treatment in Illustrator

by

In this easy tutorial, I will show you how to create a western type treatment primary using Illustrator's Effects. Using the effects from this tutorial, you can easily apply them to other type treatment and logos. Let's get started!

Republished Tutorial

Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in June of 2009.

Final Image Preview

Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus.

west_text_final

Step 1

Create a new document. Now with the Text Tool (T), type out the appropriate text. For this tutorial I typed "Western," but you can type whatever you like. I used the font Country Store from the County Fair Picnic set through Font diner. Even though it cost $28 for 12 fonts, you can download something similar for free, like the Western font from Dafont.

west_text_01

Step 2

With the text selected, go Effect > Warp > Arc Lower. In the Warp Options dialog, change the Bend to -20, keep the Horizontal and Vertical Distortion at 0, and press OK.

west_text_02

Step 3

Use the Text Tool (T) and type some more text below "Western." In the tutorial example I typed out "Bar and Grill," but again, you can type whatever you like. In the Type panel, change the font to Glypha (or similar Slab Serif font), change the font size and adjust the Tracking so there is more space between the letters.

west_text_03

Step 4

With the Star Tool (the Star Tool is grouped under the shape tools in the Tools panel) create a star in-between the "Bar" and "And" text. Make the star's height about half the size of the text. Next, create another star, the same size, and in-between the "And" and "Grill" text.

west_text_04

Step 5

Select the "Bar And Grill" text, the stars, and Group them (Command + G). With the new group selected, go Effect > Warp > Arch. In the Warp Options dialog, change the Bend to 20, keep the Horizontal and Vertical Distortion at 0, and press OK.

west_text_05

Step 6

Type "The" with the Type Tool (T), change the font to Glypha Bold, make sure the Tracking is set to zero, and place it directly above the "Western" text.

west_text_06

Step 7

Select the two warped areas and go Object > Expand Appearance. Next select "The" and go to Type Create Outlines (Command + Shift + O).

west_text_07

Step 8

With the Pen Tool, create an uneven shape extending from the left of the "W" in "West" to the right side of "The." Don't worry about making the shape very consistent, you want the shape to have some unevenness and jagged edges.

west_text_08

Step 9

Copy (Command + C) and Paste in Front (Command + F) the new shape. Next, go Object > Transform > Reflect and choose Vertical from the Reflect dialog. Now, move the copied shape to the other side of the "The" word.

west_text_09

Step 10

Create a rectangle the size of your document with the Rectangle Tool (M) and place it behind the text and other shapes by going to Object > Arrange > Send to Back (Command + Shift + Left Bracket key).

west_text_10

Step 11

Fill the rectangle with a linear gradient from the Gradient panel. For this gradient we are going to add an extra Color Stop to the gradient. To do this, click in the middle right below the Gradient Slider in the Gradient panel. Change the first Color Stop to a khaki color, the second to a light khaki color, and the last Color Stop to a darker khaki color than the first.

west_text_11

Step 12

With the Gradient Tool (G), adjust the gradient by clicking at the top of the rectangle and dragging to the bottom.

west_text_12

Step 13

With the Rectangle Tool (M), create a rectangle that is very small in comparison to the gradient rectangle just created. Make sure the rectangle is taller than it is wide. The one I created is roughly 13 px wide by 90 px tall. Your measurements might vary depending on the size of your text and document. Place the rectangle towards the bottom-left of the document.

west_text_13

Step 14

Fill the rectangle with a 40 percent gray and then go Effect > Sketch > Graphic Pen. Once in the Graphic Pen dialog, change the Stroke Length to 15, the Light/Dark Balance to 100, and the Stroke Direction to Horizontal.

west_text_14

Step 15

With the Graphic Pen rectangle selected, go Object > Expand Appearance. Once expanded, the Control panel defaults to the Live Trace Option. In the Control panel, press the Tracing Presets and Options button (the small arrow button in-between the Live Trace and Mask button) and chose One Color Logo from the list. Next, press the Expand button in the Control Panel.

west_text_15

Step 16

With the texture selected, use the Selection Tool (V) and scale the texture vertically and horizontally until it is slightly bigger than the gradient rectangle.

west_text_16

Step 17

Select both the texture and the gradient rectangle, then Send them to the back (Command + Shift + Left Bracket key). Next, select the gradient rectangle, Copy (Command + C) and Paste in Front (Command + F).

Select the copied rectangle and the texture, then press the Intersect button in the Pathfinder panel. Now, change the fill of the texture to a khaki color and change the Blending mode to Multiply from the Transparency panel.

west_text_17

Step 18

Select the "The Text" and fill it with a Radial Gradient from the Gradient panel. Change the first Color Stop to red and the second to a darker red. Next, change the blending mode to Multiply from the Transparency panel.

west_text_18

Step 19

With the "The" text selected, Copy (Command + C) and Paste in Front (Command + F) twice. Select the top copy and move it to the left and down slightly.

Select the moved copy and the copy underneath, then press the Minus Front button in the Pathfinder panel. Change the fill on the new shape to a light brown and set the blending mode to Multiply from the Transparency panel.

west_text_19

Step 20

If you zoom into some of the "The" text you will see little areas where the Minus pathfinder command went into the next letter. To clean some of this up, use the Delete Anchor Point Tool (-), and selectively delete some point to create a more consistent shape.

west_text_20

Step 21

Repeat Steps 18 through 20 with the "Bar and Grill" text. Make sure to Ungroup (Command + Shift + G) the star shape from the text before you start the steps.

west_text_21

Step 22

Select the "Western" text, the shapes above "Western," the star shapes, then fill them with a light brown color, and set the blending mode to Multiply.

west_text_22

Step 23

Repeat Steps 19 through 20 for each of the "Western" text, shapes above "Western," and the star shapes.

west_text_23

Step 24

Select the "Western" text and the shapes above it, then go Object > Path > Offset. In the Offset dialog change the Offset to -5 px (this measurement might actually be different depending on the size of you text, basically you want the offset to inset the original shape slightly).

west_text_24

Step 25

Fill the Offset shapes with a 20 percent gray and change the blending mode to Soft Light from the Transparency panel.

west_text_25

Step 26

With the offset shapes still selected, go Effect > Stylize > Feather, then in the Feather dialog change the Feather Radius to 8 px (again, depending on the size of your text, the Feather Radius might be larger or smaller).

west_text_26

Step 27

Now that the text is done, we can dress it up with some bullet holes! First, pick a spot for your first bullet hole. With the Pencil Tool (N), draw small uneven ellipse shape. Fill the shape with a light brown and set it to Multiply.

west_text_27

Step 28

Draw another smaller ellipse shape with the Pencil Tool (N) and fill it with black. Also, draw some black ripple like shapes around the black ellipse with the Pencil Tool (N).

west_text_28

Step 29

With the Pencil Tool (N), draw a smoke shape coming out of the bullet hole. Fill the Shape with a 10 percent black and set the Opacity to 0 from the Transparency panel.

west_text_29

Step 30

Draw another smoke shape within the first, fill it with white, and change the Opacity to 50 percent.

west_text_30

Step 31

Select both smoke shapes and go Object > Blend > Make.

west_text_31

Step 32

Create as many bullet holes throughout the piece as you want. All done!

west_text_32

Final Image

Again below is a final image of the text treatment.

west_text_final

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.

Related Posts