break free by learning
  • Home
  • About
  • Free Stuff

Illustrator CS2 Add Highlight to Text

Feb 27, 2008 | illustrator | fyd

Here is a quick way to add a highlight to your text in Adobe Illustrator using the Intersect shape areas tool.
illustrator text highlight

Start off by opening a new document in Adobe Illustrator(I'm using Illustrator CS2).

Type Out The Text

Grab the Text tool and type out your text. It's better to use a font with wider letters – the font I used was Arial Black.
Go ahead and give the text a stroke color.
text

Duplicate The Text

Select your text.

Go to Edit->Copy.

Then go to Edit->Paste in Back

Hit ctrl+2 to lock the copy of the text. You shouldn't see any kind of change.

Draw Out The Highlight

How you draw the highlight is up to you. I took the rectangle tool and drew a rectangle that covered the top half of my text. You can use the circle tool or the pen to draw out the highlight area.
Make the shape white with no stroke.
draw highlight

The Intersect Shape Area Tool

Now to get the highlight on the text only.

Go to Window->Pathfinder to open up the Pathfinder pallet.

Select the highlight area and the text

Next click Intersect shape areas in the Pathfinder pallet. It's the third from left under Shape Modes:

After you click Intersect shape areas click Expand (it's in the Pathfinder pallet)
pathfinder box

Finally, go take the Opacity: down to 20 or 30 percent. And hit ctrl+alt+2 to unlock your text layer.

illustrator text highlight

This same process will work with shapes, not just text. Try it out.

Popularity: 7% [?]

Related Post:

  • CSS Tip – Using Link Anchor Pseudo Classes (7)
  • CSS Tip – Different Color Borders (0)
  • CSS Custom Search Field or Textfield (38)

Leave a Reply

Click here to cancel reply.

Categories

  • css (8)
  • freelance (2)
  • illustrator (1)
  • inspiration (4)
  • jquery (1)
  • photoshop (9)
  • resources (8)
  • site news (6)
  • the basics (4)
  • web design (1)
  • whats good (1)
  • wordpress (1)

Recent Posts

    Archives

    • April 2010 (1)
    • April 2009 (1)
    • May 2008 (3)
    • April 2008 (14)
    • March 2008 (8)
    • February 2008 (8)
    • January 2008 (11)

    ©2012 freeyourdesign | Designed by Michael Hargis | | twitter icons