Silver Text Effect Tutorial

In this Photoshop tutorial you’ll learn how to create silvery text. We’re not really into bling but this could prove useful. For instance, it can be used on a jewelry related website. We’re using Adobe Photoshop CS5 for this tutorial, but it’s basically the same in earlier versions. The tutorial is entirely based on Layer Styles.

Silvery Text - final

1/4 The document

Create a new Photoshop document with the resolution of your choice. We’re working on a 500 by 200 pixels canvas. Go to the “Edit” menu, click on “Fill” or use the Paint Bucket Tool {Paint Bucket} and pick a dark color for the background.

Silvery Text - Background Fill

2/4 The text

Select Photoshop’s “Horizontal Type Tool” {Horizontal Type Tool} and drag a text box. We’re using the Verdana font and a white text color.

Silvery Text - Horizontal Type Tool

Set your text size to 75. Select the “Move Tool” {move tool} and position your text in the middle of the canvas.

Silvery Text - Resize text

3/4 The effects

Go to the “Layer” menu, “Layer Style” sub-menu and click on “Gradient Overlay”.

Silvery Text - Gradient Overlay

Double click the Gradient Bar {gradient bar} to open Photoshop’s Gradient Editor. Create a gradient that ranges from a light grey to an even lighter shade of grey. Tip: double click the downwards-pointing arrows to change the gradient colors.

Silvery Text - Gradient Editor

Set the Gradient style to Reflected.

Silvery Text - Gradient Overlay/ Reflected

Moving on to the Bevel and Emboss tab. Select an irregular gloss contour and fiddle around with the depth and size values until it looks right. (or you can copy our settings)

Also, remember to check the “Contour” option box.

Silvery Text - Bevel and Emboss

The inner Glow will accentuate the shaded part of the text. Set a neutral gray color and see what settings work best for your text.

Silvery Text - Inner Glow

Continued on page 2

Page 1 Page 2

More Info:

Author:  Andrew C.

Original photo:  CGRats

Keytags:  , , , , , , , ,

Related Stuff:

Essential Photoshop Keyboard Shortcuts 3D Text Effect Tutorial

Comments disabled for maintenance. Use the contact form for questions.

About the authors:

Tudor:

Programmer and 3D enthusiast. Teaches web design, builds games and maintains this site in his spare time.

Personal portfolio

Iulian:

2D/ 3D artist. Loves game& product art.

Personal portfolio

Vlad:

2D/ 3D artist. Works as a print designer and does 3D art in his spare time.

Personal portfolio