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!


by Colin Smith

More Great Tutorials

PhotoshopCAFE home


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


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.


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.


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.


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


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

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


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


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


Here is the result.


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


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.


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