Go Back   theStudio > theStudio Creative Canvas > theStudio Tutorials

theStudio Tutorials September 2010: A brandnew forum for tutorials. There will be a weekly new tutorial from theStudio Design Team but you are welcome to post your own.

Thread Tools Display Modes
Old 10-07-2010, 05:11 AM
Toiny's Avatar
Toiny Toiny is offline
theStudio Owner
Join Date: Sep 2008
Location: Germany
Posts: 10,034
From the Piggy PS: Outlined Text

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:

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.

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.
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!

my email
Reply With Quote
Old 10-07-2010, 02:15 PM
Joba2's Avatar
Joba2 Joba2 is offline
theStudio Picasso
Join Date: Aug 2007
Posts: 1,872
Default Re: PS: Outlined Text

Is there a work round for elements users?

Reply With Quote
Old 10-09-2010, 12:15 PM
kimberkatt's Avatar
kimberkatt kimberkatt is offline
theStudio Party Girl
Join Date: Aug 2007
Location: Massachusetts
Posts: 9,698
Default Re: PS: Outlined Text

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
*avatar created by Elaina, aka nightshadow ( her!)
Reply With Quote
Old 10-11-2010, 12:21 AM
Joba2's Avatar
Joba2 Joba2 is offline
theStudio Picasso
Join Date: Aug 2007
Posts: 1,872
Default Re: PS: Outlined Text

Thanks Kimmy

Reply With Quote
Old 11-01-2010, 10:16 AM
danzinst's Avatar
danzinst danzinst is offline
theStudio Monet
Join Date: Jul 2007
Location: Southwest Virginia
Posts: 2,617
Default Re: PS: Outlined Text

I love this tutorial. I have used it over a dozen times. Thank you for sharing.

Music In Me Designed by Nibbles Scribbles and ADB designs
Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On

Forum Jump

All times are GMT -5. The time now is 02:06 AM.