Photoshop Gold Plated Text Effect Tutorial

Gold Plated Text Effect In Photoshop

Learn Photoshop with Text Effects Tutorials at Photoshop Essentials.com

Written by Steve Patterson. In this Photoshop text effects tutorial, we're going to learn how to turn text into gold using Photoshop's Layer Styles. We'll even throw in some sparkles at the end to make our gold letters really shine.

Here's the effect we're going for:

The final effect
The final gold plated text result.

Let's get started!

Download our tutorials as printable PDFs! Learning Photoshop has never been easier!

Step 1: Open A New Photoshop Document

Open a new document in Photoshop by going up to the File menu and choosing New..., or by using the keyboard shortcut, Ctrl+N (Win) / Command+N (Mac). I'm just going to use the 640x480 preset size. You can use whichever size you like for your width and height, and then click OK to create your new Photoshop document:

Creating a new document in Photoshop
Create a new document in Photoshop. I'm using the 640x480 preset size.

Step 2: Fill The Background Layer With Black

Press D on your keyboard to quickly reset Photoshop's foreground and background colors, which sets black as your foreground color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the Background layer with black:

Fill the Background layer with black
The Background layer now filled with black.

Step 3: Set Your Foreground Color To White And Add Your Text

Press X on your keyboard to swap your foreground and background colors so white becomes your foreground color. Select your Type tool from the Tools palette or by pressing T on your keyboard. Choose a font from the Options Bar at the top of the screen, then click inside the Document Window and enter your text. I'm using "Times New Roman Bold" here to keep things simple if you want to follow along. I'll enter the word "GOLD":

Enter your text
Set your foreground color to white and enter your text.

Step 4: Resize Your Text With The Free Transform Command

The text is too small at this point, so with the text layer selected in the Layers palette, use the keyboard shortcut Ctrl+T (Win) / Command+T (Mac) to bring up Photoshop's Free Transform box and handles around the text. Hold down Shift+Alt (Win) / Shift+Option (Mac) to have Photoshop constrain the text proportions and resize the text from the center as you drag out any of the corner handles to enlarge the text:

Photoshop's Free Transform box and handles around the text
Resize the text with Free Transform.

Press Enter (Win) / Return (Mac) when you're done to accept the transformation.

Step 5: Duplicate The Text Layer

Use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac) to quickly duplicate the text layer. You should now have three layers in your Layers palette:

Duplicate the text layer
Photoshop's Layers palette now showing three layers.

We're going to be working on the text copy layer throughout the next few steps.

Step 6: Add A Gradient Overlay To The Text

With the text copy layer selected, click on the Layer Styles icon at the bottom of the Layers palette:

Click the Layer Styles icon at the bottom of the Layers palette
Click the Layer Styles icon at the bottom of the Layers palette.

Select Gradient Overlay from the list:

Select the Gradient Overlay layer style
Select the Gradient Overlay layer style from the list.

This brings up the Layer Style dialog box set to the Gradient Overlay options:

Photoshop's Layer Style dialog box
Photoshop's Layer Style dialog box set to the "Gradient Overlay" options.

We're going to set the colors for our gradient, so click directly on the gradient preview area (circled in red above) to bring up the Gradient Editor.

Step 7: Select A Lighter And Darker Gold Color For The Gradient

When the Gradient Editor appears, click on the left color marker to select it, and then click on the Color swatch to choose a color for the left side of the gradient:

Choosing a color for the left side of the gradient
Click on the left color marker in the Gradient Editor, then click the Color swatch.

This brings up Photoshop's Color Picker. You can use whichever gold colors you prefer, but if you want to follow along, I've entered a color of R:247, G:238, B:173 which gives us a light gold color (I cheated and sampled the color from a photo of a gold coin):

Photoshop's Color Picker
Enter R:247, G:238, B:173 for the left gradient color.

Click OK to accept the color and exit out of the Color Picker. Then, back in the Gradient Editor, click on the right color marker to select it, and then click back on the Color swatch:

Choosing a color for the right side of the gradient
Click on the right color marker, then click back on the Color swatch.

When the Color Picker comes back up, enter R:193, G:172, B:81 to give us a darker gold color (also sampled from the gold coin):

Photoshop's Color Picker
Enter R:193, G:172, B:81 for the right gradient color.

Click OK to exit out of the Color Picker once again, and click OK to exit out of the Gradient Editor as well.

Your text should now look like this:

The gradient colors applied to the text
The gradient colors applied to the text.

Don't exit out of the Layer Style dialog box yet. We have more to do.

Step 8: Change The Gradient "Style" To "Reflected"

Back in the Gradient Overlay options in the Layer Style dialog box, click on the down-pointing arrow to the right of the word "Linear" and change the Style of the gradient to Reflected:

Changing the gradient style from linear to reflected
Change the gradient style from "Linear" to "Reflected".

This will add the darker gold color to both the top and bottom of the text, leaving the lighter color in the middle:

The text after changing the gradient style
The text after changing the gradient style.

Step 9: Select The "Bevel and Emboss" Options

Click directly on the words "Bevel and Emboss" in the layer styles menu along the left of the Layer Style dialog box to switch to the Bevel and Emboss options. Make sure you click directly on the words themselves, not just in the little box beside them, otherwise the options won't appear:

Switch to the Bevel and Emboss options
Click directly on the words "Bevel and Emboss" in the menu on the left.

Step 10: Change The "Technique" To "Chisel Hard"

In the Bevel and Emboss Structure options in the middle of the Layer Style dialog box, click on the down-pointing arrow to the right of the word "Smooth" and change the Technique to Chisel Hard:

Change the technique to Chisel Hard
Change the "Technique" from "Smooth" to "Chisel Hard".

Step 11: Change The "Gloss Contour" To "Ring Double"

In the Shading options below the Structure options, click on the down-pointing arrow to the right of the word "Gloss Contour" and select Ring - Double, which is on the bottom row, third from the left:

Changing the Gloss Contour to Ring Double
Change the "Gloss Contour" to "Ring Double".

Select the Anti-Aliased option as well to prevent our text from getting the "jaggies".

Here's the text at this point:

The gold text effect so far.
The effect so far.

Now there's a better way to learn! Download our tutorials as print-ready PDFs!

Go to page: 1 | 2 | 3