Text Effects in Illustrator CS - Multiple Strokes on Type

01
of 10

Multiple Strokes on Type - Adding Basic Text

Adding Basic Text

I've shown you how to stroke type, but did you know that using the Appearance palette you can add multiple strokes?

Step 1. Open a new document in Illustrator in pixels and RGB mode. Type a word or words you would like to outline. A font that's fairly simple works best, without a lot of curlicues. Also it will work better if it isn't a bold font. This one is Georgia Regular, at 72 points.

02
of 10

Character Palette - Adjust Tracking

Character Palette - Adjust Tracking
Step 2. Open the Character palette ( Window > Type > Character). You need to enter a positive value for tracking to spread the letters out, since they will be considerably thicker once they're outlined. For now, use a guesstimate. You won't know at this point how far apart you will need them when finished, because it depends on the thickness of the last stroke you use, and you can always come back later and adjust it. The text needs to be selected with either the selection tool or the text tool for this to work. I set mine at 50 for now.
03
of 10

Adding Color to the Text

Manipulating the Strokes
Step 3. Open the Appearance palette ( Window > Appearance or Shift + F6).

Step 4. From the palette menu, choose Add New Fill. Illustrator will add new fill and a stroke of none.

04
of 10

Manipulating the Strokes

Manipulating the Strokes
Step 5. Keeping Fill selected in the Appearance palette, and your text selected, click on a swatch or use the color palette to change the color if you like.

Step 6. Make sure the type is still selected, and choose Add New Stroke from the Appearance palette menu. Shift-click to select both strokes, and drag them down below the fill. The stacking order of strokes and fills affects the appearance of the artwork.

05
of 10

Adjusting the Stroke Color and Width

Adjusting the Stroke Color and Width
Step 7. Change the color of the bottom stroke,and increase the width in the stroke palette. I changed mine to light blue, and 6 pt wide.
06
of 10

Changing the Stacking Order of the Stroke

Changing Stacking Order of the Stroke
Step 8. Because the stroke is below the fill, we see half the width of the stroke; ie, the stroke looks like a 3 pt stroke. If I were to drag the stroke above the fill you can see how we'd lose the shape of the letters. On the top word below I dragged the stroke above the fill. On the bottom one you can see I put it back.
07
of 10

Adjusting the Stroke Color and Width (Again)

Adjusting the Stroke Color and Width
Step 9. Change the color and width of the other stroke.
08
of 10

Adding a Brush Stroke

Adding a Brush Stroke
Step 10. I changed the color to light gold, and then added a brush stroke (it looks like a rough brush stroke) and set the width of the stroke to 1. It's hard to see, so I've shown the 'a' zoomed in.

Follow these steps:

  1. Reduce the light blue stroke to 3 point.
  2. Add a new stroke from the palette menu, and drag it under the light blue stroke.
  3. Change the new stroke to 6 pt width.
09
of 10

Editing the Text

Editing the Text
Are you seeing a pattern here? You can add strokes, reorder them, or even use brush strokes on them. With a larger piece of type this can be very effective! And of course, your text is still editable.
10
of 10

The Final Embellished Text Effect

The Final Embellished Text Effect

The paintbrush is from my paintbrush tutorial on my web site.. My next tutorial will show you how to create 3D text effects, warped text, and some fun clipping mask text effects.

Format
mla apa chicago
Your Citation
Froehlich, Sara. "Text Effects in Illustrator CS - Multiple Strokes on Type." ThoughtCo, Mar. 3, 2017, thoughtco.com/illustrator-cs-multiple-strokes-on-type-1701848. Froehlich, Sara. (2017, March 3). Text Effects in Illustrator CS - Multiple Strokes on Type. Retrieved from https://www.thoughtco.com/illustrator-cs-multiple-strokes-on-type-1701848 Froehlich, Sara. "Text Effects in Illustrator CS - Multiple Strokes on Type." ThoughtCo. https://www.thoughtco.com/illustrator-cs-multiple-strokes-on-type-1701848 (accessed January 21, 2018).