September 26th, 2007 in Photoshop Tutorials by Richard Carpenter
Glossy Metal Text Tutorial




12 Votes, Rating: 4.42
About The Author: Richard Carpenter
Richard Carpenter has written 331 posts.
Create a new canvas 400 pixels wide and 133 pixels high with background colour #212121
Change the foreground colour to #DCDCDC and choose the font for your text. I’ve chosen “SF GRUNGE SANS BOLD” but most fonts will work (the bolder the better – try to avoid light fonts). Set the font size to 72pt and the anti-aliasing to Strong. Type HV-DESIGNS onto the canvas or what ever you feel is fit.

Add an Outer Glow layer style like this:

Your canvas should look like this:

Add an Inner Glow layer style like this:

Your canvas should look like this:

Add a Gradient Overlay layer like this:

Your canvas will look like this:

Add a Stroke layer like this:

Your canvas should look like this:

Right-Click the HV-DESIGNS layer and choose Duplicate Layer… Name the layer to Outline and click OK. In the layer panel drag the Outline layer so it is underneath the HV-DESIGNS layer but above the Background layer. Right-click the Outline layer and choose Clear Layer Styles. Set the Fill of this layer to 0%.
Add an Outer Glow layer style to the outline layer like this:

Your canvas should look like this:

Add a Stroke layer style to the outline layer like this:

Your canvas should look like this:

Create a new layer above the HV-DESIGNS layer and name it Highlight. With the Highlight layer selected hold down Ctrl and left-click the HV-DESIGNS layer to select the layer’s transparency. The canvas will look like this:

Set the foreground colour to #FFFFFF and select the Fill tool. Fill the selected area of the Outline layer and set the layer opacity to 50% so it looks like this:

Select the Rectangular Marquee Tool and select the bottom half of the Highlight layer like this:

Press Delete. It is now finished and should look like this:

Now experiment abit to achieve better results LIKE THIS:

Be Part Of The Community!
Become part of the hv-designs community.
Subscribe Via RSS or Follow Us On Twitter.
Leave a Reply
Other Blogs Ive Written For
On occasions i write tutorials and articles for other blogs/tutorial websites, here are a list of tutorials and articles ive written. Features tutorials written on six revisions and PSD Tuts+.
Six Revisions Submissions
- Illustrative Web Design Layout Pt.1
- Illustrative Web Design Layout Pt.2
- 3D Gallery
- 3D Ribbon Style Layout
- Minimal Portfolio Layout
- Minimal Portfolio Layout PSD Sitebuild
PSD Tuts+ Submissions
HV-Design Flickr Group
Submit your photoshop artwork to the hv-designs flickr group. Not a member? Join Now.
Search HV-Designs
Can't find what your looking for??, Try searching.
Write For HV-Designs
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More




5 Responses to “Glossy Metal Text Tutorial”