PDA

View Full Version : PS: Outlined Text


Toiny
10-07-2010, 05:11 AM
Outlined Text
Open a new PSD, choose a Commercial Use font (I choose SF Toon Time from fontsquirrel.com) and type your word (mine is “cartoon”)

Using your Magic Wand tool, select your word. Be sure to have the contiguous unselected. This will allow the Magic Wand to select all the bits-n-pieces of your letters. Once you see the marching ants doing their thing, you know you are on the right path:

http://img.ymlp.com/stoneaccents_cartoon1.jpg

With the marching ants marching, and still on the magic wand tool, right click with your mouse and choose make work path. Go ahead & click ok on the default tolerance of 2.0 pixels.

Set your tools palette to a basic photoshop brush. I like my edges a little uneven so I choose Calligraphic Brushes, Flat 15 pxfor this example. Also choose a color for your text outline. I choose blue for this example.

Create a new layer above your word then go to your path palette. If your path palette is not showing, enable it via window->paths. Make sure your path is selected, simply click on it to select (the whole shebang turns blue), then click on the bottom circle to stroke path. See my insert, highlighted in hot pink.

http://img.ymlp.com/stoneaccents_cartoon2.jpg
Now click off the work path, return to your Layers palette and turn off the text layer. Only the outline of your text will show.
http://img.ymlp.com/stoneaccents_cartoon3.jpg
Note: You can also use this technique to outline shapes. Stay tuned for next week when we use different brushes to color in our outline!

Joba2
10-07-2010, 02:15 PM
Is there a work round for elements users?

kimberkatt
10-09-2010, 12:15 PM
Joba, there is a way to achieve *almost* the same effect in PSE by putting your stroke on a separate layer, then "hiding" the text layer, so you just have the outline -

1. Type out your text
2. Add a new, blank layer
3. Ctrl+click on the text thumbnail in the layers palette (to get the marching ants)
4. Select your blank layer
5. Go to Edit>Stroke and apply your stroke to the Outside
6. Click the eye icon next to your Text Layer to hide it
7. You should be left with just the stroke outline on your text

Joba2
10-11-2010, 12:21 AM
Thanks Kimmy:)

danzinst
11-01-2010, 10:16 AM
I love this tutorial. I have used it over a dozen times. Thank you for sharing.