TEWM Logo

An eclectic DIY resource site for those seeking neuro-tech autonomy. We do the footwork, so that you can create via technology and science.

Home | iPod's | Brain Self-Control | Music | DIY | Site Map | Contact

This work is licensed under a Creative Commons License.

Outline Text in Photoshop

by Colin Smith
PhotoshopCAFE home

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

1)

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

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.

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.

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.

5)

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

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.

7)

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

8)

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

9)

Here is the result.

10)

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

11)

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.

12)

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!

 


Note: All revenues generated by ads are used to support and maintain this site.

Home | Site Map | Contact Us

Top

Creative Commons License