Outline text in Photoshop Photoshop Tutorial

Here is a fun little tutorial that will show you how to make chrome outlines around your text. Have fun and experiment!

INGREDIENTS

Difficulty 5/10
type_outline
  • Pin It

Outline text in Photoshop Photoshop Tutorial

Step 1

outline-1

Start with a blank layer and some text, this will work for shapes too.

 

Step 2

Right click/Cmd click on the layer name in the layers pallette. Select rasterize layer. Ctrl/Cmd click on the layer thumbnail to select the type.

outline-2

Step 3

 

Create a new blank layer.

Edit>stroke. I added a 6 pixel stroke here. Make the location center.

Click ok.

Ctrl/Cmd click on the layer thumbnail to select the new stroke.

outline-3

Step 4

outline-4

In the layer palette, turn off the bottom layer, you should see the outline now.
Using the gradient tool: foreground to background linear - Black to white. apply a gradient to the selection.

 

Step 5

outline-5

Now apply the stroke again, this time 1 Pixel and set to outside.

 

Step 6

 

To make the gradient look like metal, use our favorate curves trick.

Image>adjust>curves, use a similar curve to what is shown here.

outline-6outline-6b

Step 7

outline-7

Now display the bottom layer again and fill with a color or a gradient to get this result.

 

Step 8

outline7

For a little extra depth apply a layer style to the outline, use a dropshadow.

 

Step 9

finished

Here is the result.

 

Step 10

variation1

Another variation is to hide the fill and just use the outline with a dropshadow.

 

Step 11

vatiation3

Here is yet another variation. This is just the previous image inverted. Ctrl/Cmd+I Note for this to work, you must flatten the image first.

 

Step 12

vatiation2

Here is another variation. Play around with this effect and have fun.

See you in a week with another new tutorial. Dont forget to drop by the forum and say hi!

Download the PSD

Sign up for our newsletter!

Colin Smith

Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

More Posts

Premium Tutorials

Colin Smith

About Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe