Photoshop Gold Text Effect Tutorial

Create A Gold Text Effect In Photoshop CC and CS6

Turn type into gold with this step-by-step tutorial that shows you how to create shiny gold letters and text in Photoshop! Now fully updated for Photoshop CC 2019!

Written by Steve Patterson.

In this tutorial, I show you how to easily create a gold text effect with Photoshop using simple layer effects and gradients. And to make the gold letters really shine, we'll finish off by adding sparkles to the text using one of Photoshop's brushes!

I've updated this tutorial to include recent changes to Photoshop, like the new Brushes panel in Photoshop CC 2018 and the new Free Transform shortcuts in CC 2019. So for the best results, you'll want to be using the latest version of Photoshop CC. But where needed, I also include the original steps so that Photoshop CS6 users can still follow along.

Here's what the gold text effect will look like when we're done:

A gold text effect created in Photoshop
The final effect.

Let's get started!

Get all of our tutorials as print-ready PDFs!

How to create gold text in Photoshop

I'll start with the steps for setting up the document and adding the initial text. But if you have already added your text, you can skip to Step 8 where we start turning the text into gold.

Step 1: Create a new Photoshop document

Create a new document by going up to the File menu in the Menu Bar and choosing New:

Creating a new document in Photoshop
Going to File > New.

And in the New Document dialog box, set the Width of your document to 1600 Pixels, the Height to 800 Pixels, and the Resolution to 72 pixels/inch.

Then in Photoshop CC, click the Create button, or in CS6, click OK:

The width, height and resolution of the new Photoshop document
Setting the Width, Height and Resolution of the new document.

The new document appears:

The new Photoshop document that will be used for the gold text effect
The new Photoshop document.

Step 2: Fill the document with black

To help the gold letters stand out, change the background color of the document from white to black.

Go up to the Edit menu in the Menu bar and choose Fill:

Choosing the Fill command from the Edit menu in Photoshop
Going to Edit > Fill.

Then in the Fill dialog box, set the Contents to Black and click OK:

Setting the Contents option to Black in Photoshop's Fill dialog box
Changing Contents to Black.

Photoshop fills the background with black:

The Photoshop document after filling the background with black
The document after filling the background with black.

Step 3: Select the Type Tool

To add your text, select the Type Tool from the toolbar:

Selecting the Type Tool in Photoshop
Selecting the Type Tool.

Step 4: Choose your font

Then in the Options Bar, choose your font. For this tutorial, I'll keep things simple and use Times New Roman Bold, but you can use any font you like.

Set the Size of the type to 72 pt. We'll resize the type once we've added it, but this will give us the largest preset size for now:

Choosing a font for the gold text effect in the Options Bar in Photoshop.
Choosing a font and setting the size to 72 pt.

Step 5: Set the type color to white

To see the text against the black background, set the initial color of the type to white. We'll add the gold colors later using layer effects.

Click on the color swatch in the Options Bar:

Clicking the type color swatch in Photoshop's Options Bar
Clicking the color swatch.

And in the Color Picker, choose white by setting the R, G and B values (Red, Green and Blue) each to 255. Then close the Color Picker by clicking OK:

Changing the type color to white in Photoshop's Color Picker
Changing the type color to white.

Step 6: Add your text to the document

Click inside the document and add your text. I'll type the word "GOLD".

Don't worry that the text is too small. We'll resize it in the next step:

Adding the text to the Photoshop document
Adding the text.

To accept the text, click the checkmark in the Options Bar:

Clicking the checkmark to accept the text
Clicking the checkmark to accept the text.

Step 7: Resize and reposition the text with Free Transform

To resize the text, and move it into the center of the canvas, go up to the Edit menu and choose Free Transform:

Selecting the Free Transform command in Photoshop
Going to Edit > Free Transform.

Then resize the text by clicking and dragging any of the corner handles that appear around it.

But this is where we run into a difference between Photoshop CC and CS6.

How to resize the text in Photoshop CC

As of Photoshop CC 2019, Free Transform now locks the aspect ratio automatically as you drag the handles, so you don't distort the shapes of the letters as you resize the text. This is the behavior we want, so if you're using Photoshop CC, you can just drag the handles without adding any modifier keys.

How to resize the text in Photoshop CS6

But in CS6, you need to press and hold your Shift key as you drag the handles to lock the aspect ratio in place. And when you're done resizing the text, make sure you release your mouse button before releasing the Shift key.

How to move the text into the center of the document

Once you've resized the text, move it into the center of the canvas by clicking inside the Free Transform box and dragging the text into position.

When you're done, press Enter (Win) / Return (Mac) on your keyboard to close Free Transform:

Using Free Transform to resize and center the text in the Photoshop document
Resizing the text by dragging the corner handles.

Step 8: Make a copy of the Type layer

Now that we've added the text, we're ready to start turning the letters into gold.

In the Layers panel, make a copy of the Type layer by dragging it down onto the Add New Layer icon at the bottom:

Duplicating the 'GOLD' Type layer
Dragging the Type layer onto the Add New Layer icon.

A copy of the Type layer appears above the original:

Photoshop's Layers panel showing the 'GOLD copy' Type layer
The "GOLD copy" layer appears.

Clean up your Layers panel in Photoshop with these essential tips!

Step 9: Color the text with a Gradient Overlay layer effect

To turn the text into gold, we'll use Photoshop's layer effects. And the first effect we need is Gradient Overlay. We'll use it to add some gold colors to the letters.

Still in the Layers panel, make sure the "GOLD copy" layer is selected. Then click the Layer Styles icon (the "fx" icon) at the bottom:

Clicking the Layer Styles icon in Photoshop's Layers panel
Clicking the Layer Styles icon.

And in the layer effects menu, choose Gradient Overlay:

Selecting a Gradient Overlay layer effect in Photoshop
Choosing a Gradient Overlay layer effect.

Step 10: Create a custom gold gradient

Photoshop opens the Layer Style dialog box set to the Gradient Overlay options.

First, clear away any previous settings you may have used by clicking the Reset to Default button:

Resetting the Gradient Overlay layer effect to the default settings in Photoshop
Resetting the Gradient Overlay options.

And then edit the gradient colors by clicking the gradient swatch:

Clicking the gradient color swatch to edit the gradient
Clicking the gradient color swatch.

In the Gradient Editor, double-click on the color stop below the left side of the gradient:

Double-clicking the left color stop in Photoshop's Gradient Editor
Double-clicking the left color stop.

Adding the gold gradient colors

We're going to create a custom gold gradient for the text. And to help us out, I've sampled colors from a photo of a gold coin.

In the Color Picker, set the R value to 247, the G value to 238, and the B value to 173. Then click OK to close the Color Picker:

Changing the color for the left side of the gold gradient in Photoshop
Changing the color for the left side of the gold gradient.

Back in the Gradient Editor, double-click on the color stop below the right side of the gradient:

Double-clicking the white color stop in the Gradient Editor
Double-clicking the right color stop.

And in the Color Picker, set R to 193, the G to 172 and B to 81. Then click OK:

Changing the color for the right side of the gold gradient in Photoshop
Changing the color for the right side of the gold gradient.

Learn how to sample text colors from your images!

Step 11: Save the gold gradient as a preset

You'll need this gradient again, so save it as a preset.

In the Gradient Editor, name the gradient "Gold", and then click the New button to save it:

Saving the custom gradient in the Gradient Editor
Saving the custom gradient as a preset.

A thumbnail for the Gold gradient appears in the Presets area:

The new Gold gradient appears in the Presets area in the Gradient Editor
Photoshop adds a thumbnail for our new Gold gradient preset.

Click OK to close the Gradient Editor, but leave the Layer Style dialog box open.

Here's the text with the gold gradient applied:

The gold text after editing and applying the gradient.
The text colorized with the gold gradient.

Step 12: Change the gradient Style to Reflected

Back in the Layer Style dialog box, change the Style of the gradient to Reflected:

Changing the gradient Style from Linear to Reflected.
Changing the Style option to Reflected.

This moves the darker gold color to the top and bottom of the text, with the lighter color passing through the middle:

The gold text effect with the gradient Style set to Reflected.
The effect with the gradient Style set to Reflected.

Step 13: Add a Bevel & Emboss layer effect

Along the left of the Layer Style dialog box is a list of all the layer effects we can choose from.

Select Bevel & Emboss by clicking directly on the effect's name:

Adding a Bevel and Emboss layer effect to the text
Adding a Bevel & Emboss layer effect.

And then clear away any previous custom settings by clicking the Reset to Default button:

Resetting the Bevel and Emboss options to the defaults in Photoshop
Resetting the Bevel & Emboss options to the defaults.

Step 14: Change the Technique to Chisel Hard

In the Structure section, make sure the Style is set to Inner Bevel.

Then change the Technique to Chisel Hard:

Changing the Bevel and Emboss technique to Chisel Hard
Changing the Technique to Chisel Hard.

Step 15: Change the Gloss Contour to Ring - Double

In the Shading section, click on the small arrow to the right of the Gloss Contour thumbnail. Make sure you click the arrow, not the thumbnail.

Then double-click on the Ring - Double contour to select it (third thumbnail from the left, bottom row):

Changing the Gloss Contour option to Ring - Double in Photoshop's Bevel and Emboss options
Changing the Gloss Contour option to Ring-Double.

Step 16: Change the Angle and turn on Anti-Aliasing

Still in the Shading section, set the Angle to 120°.

Then turn on the Anti-aliased option to smooth out any jagged edges:

Selecting the Anti-aliased option
Setting the angle to 120° and turning on anti-aliasing.

Step 17: Set the Highlight and Shadow Opacity to 75%

To add more contrast to the effect, increase both the Highlight Opacity and the Shadow Opacity to 75%:

Increasing the Highlight and Shadow opacity values in Photoshop's Bevel and Emboss options
The Highlight Mode and Shadow Mode opacity options.

And here's the effect so far:

The gold text after applying a Bevel and Emboss layer style
The text after applying Bevel and Emboss.

Step 18: Increase the Size value to fill in the letters

To make the text look more like solid gold, close up the space inside the letters by increasing the Size of the Bevel and Emboss effect.

The easiest way to do that is to first click inside the Size value box to make it active. Then use the Up Arrow key on your keyboard to slowly increase the value. As you do, you'll see the letters filling in from the outer edges towards the centers.

The Size value you need will depend on the size of your text. For me, a value of 41 pixels does the job:

Increasing the Size value for the Bevel and Emboss layer style
Increasing the Size value.

And here's the gold effect with the letters filled in:

The gold text effect after adjusting the Bevel and Emboss size value in Photoshop
The gold text effect after increasing the Size value.

Step 19: Increase the Depth value

Next, increase the Depth value by dragging its slider towards the right. This will enhance the lighting and add more contrast to the reflection in the letters. I'll set my Depth value to around 170%:

Increasing the Depth value for the Bevel and Emboss layer style
Increasing the Depth value.

And now the letters are really starting to look like gold:

The gold text effect after increasing the Depth value
The effect after increasing the Depth value.

Step 20: Add an Inner Glow layer effect

Add an Inner Glow layer effect by clicking on its name on the left of the Layer Style dialog box:

Adding an Inner Glow layer effect to the gold text in Photoshop
Adding an Inner Glow layer effect.

Then clear away any previous settings by clicking Reset to Default:

Resetting the Inner Glow layer effect to the default settings
Resetting the Inner Glow settings to the defaults.

Change the Blend Mode of the Inner Glow from Screen to Multiply.

And set the Opacity to 50%:

Setting the blend mode to Multiply and the opacity to 50 percent
Setting the blend mode and opacity of the Inner Glow effect.

Next, change the color of the glow by clicking the color swatch:

Clicking the Inner Glow color swatch
Clicking the color swatch.

And in the Color Picker, choose a shade of orange by setting the R value to 232, G to 128 and B to 31 (I sampled this color from a photo of a gold brick). Then click OK to the Color Picker:

Changing the inner glow color using the Color Picker
Choosing orange for the Inner Glow.

Finally, increase the Size of the glow until it completely fills the letters. In my case, I'll set the Size value to 75 px:

The Inner Glow layer style options
Increase the Size value.

When you're done, click OK to close the Layer Style dialog box.

Your gold effect should now look similar to this:

The gold letter effect after applying the Inner Glow layer style
The gold letter effect after applying the Inner Glow.

Get all of our tutorials as print-ready PDFs!

Step 21: Select the original Type layer

Back in the Layers panel, click on the original Type layer to select it:

Selecting the original Type layer in the Layers panel
Selecting the original Type layer.

Step 22: Add a Stroke around the letters

Then click the Layer Styles icon at the bottom:

Clicking the Layer Styles icon in the Layers panel
Clicking the Layer Styles icon.

And this time, choose Stroke:

Choosing a Stroke layer style in the Layers panel
Selecting a Stroke layer style.

In the Layer Style dialog box, click the Reset to Default button to clear any previous Stroke settings:

Resetting the Stroke layer effects options in Photoshop
Resetting the Stroke options to the defaults.

Step 23: Fill the stroke with the Gold gradient preset

Change the Fill Type of the stroke from Color to Gradient.

Then click on the small arrow to the right of the gradient swatch and select the "Gold" gradient we saved earlier by double-clicking on its thumbnail:

The Gradient options for the Stroke layer style
Changing the Fill Type to Gradient and choosing the custom Gold gradient.

Step 24: Set the Style, Position and Size of the stroke

Change the Style of the gradient from Linear to Reflected.

Then set the Position of the stroke to Outside and increase the Size to around 8 pixels:

The Stroke options in the Layer Style dialog box
Changing the Style, Position and Size options.

And now we have a stroke around the text that’s set to the same colors as the text itself:

The effect after applying the gold gradient to the stroke
The effect after applying the gold gradient to the stroke.

Step 25: Apply Bevel & Emboss to the stroke

We're going to apply another Bevel & Emboss effect, not to the letters but to the stroke.

Click on the words Bevel & Emboss on the left of the Layer Style dialog box:

The effect after applying the gold gradient to the stroke
Clicking on Bevel & Emboss.

Don't click Reset to Default this time, since we're going to use most of the same settings as before.

Instead, simply change the Style from Inner Bevel to Stroke Emboss. The Technique should be set to Chisel Hard.

Set the Size value to the same size you chose for the stroke, which in my case was 8 pixels:

The Style, Technique and Size options for the Stroke layer style
Changing the Style, Technique and Size options.

Double-checking the other Bevel & Emboss settings

Make sure all of the other Bevel & Emboss settings are the same as before. If for some reason they're not, you'll need to change them:

Depth: 170%
Angle: 120°
Gloss Contour: Ring- Double
Anti-Aliased: Checked
Highlight Opacity: 75%
Shadow Opacity: 75%

Photoshop's Bevel and Emboss settings for the Stroke in the Gold text effect
The Bevel and Emboss settings for the stroke.

Turning on the Contour option

Below Bevel & Emboss on the left of the Layer Style dialog box is an effect named Contour. Click inside the checkbox to turn it on.

This will further enhance the lighting around the stroke:

Selecting the Contour style under Bevel and Emboss.
Selecting Contour for the stroke.

And here's what the gold text now looks like with Bevel & Emboss applied to the stroke:

The gold text effect so far.
The stroke now shares the same lighting and reflection effects as the type.

Step 26: Apply an Outer Glow layer effect

Let's finish off our layer styles by adding a faint glow around the text, as if light was reflecting off the gold letters.

Click directly on the words Outer Glow on the left of the Layer Style dialog box:

Selecting the Outer Glow layer style.
Selecting Outer Glow.

Set the Opacity of the glow to 40%, and then click the color swatch:

Setting the Opacity and changing the color of the Outer Glow
Setting the opacity and changing the color of the Outer Glow.

In the Color Picker, set the R value to 232, G to 128 and B to 31, and then click OK:

Changing the color of the Outer Glow in the Color Picker
Choosing a new color for the Outer Glow.

And finally, increase the Size of the glow to around 60 px:

Increasing the Outer Glow size
Increasing the Outer Glow size.

We're done with our layer effects, so click OK to close the Layer Style dialog box.

And here's the gold text effect with all of our layer effects applied, including the new Outer Glow:

The gold text effect is nearly complete.
The effect is nearly complete.

Learn how to copy layer effects between layers in Photoshop!

Step 27: Select the "GOLD copy" layer

We'll finish off the gold text effect by adding sparkles to the letters. And to do that, we'll need to add the sparkles on their own separate layer.

In the Layers panel, click on the "GOLD copy" layer (the top layer) to select it:

Selecting the top Type layer in the Layers panel.
Selecting the top Type layer.

Step 28: Add a new layer above the text

Then press and hold the Alt (Win) / Option (Mac) key on your keyboard and click the Add New Layer icon:

Clicking the Add New Layer icon in the Layers panel.
Clicking the Add New Layer icon while holding Alt (Win) / Option (Mac).

In the New Layer dialog box, name the layer "Sparkles" and click OK:

Naming the new layer
Naming the new layer.

Photoshop adds a new blank layer named "Sparkles" above the text:

The new layer is added above the others
The new layer is added above the others.

Step 29: Select the Brush Tool

We'll create the sparkles using one of Photoshop's brushes.

Select the Brush Tool from the Toolbar:

Selecting the Brush Tool in Photoshop
Selecting the Brush Tool.

Step 30: Select the "Crosshatch 4" brush in the Assorted Brushes set

The brush we need for our sparkles, "Crosshatch 4", is included with Photoshop as part of the Assorted Brushes set. But the Assorted Brushes are not loaded automatically, so we'll need to load the set ourselves. And this brings us to another difference between Photoshop CC and CS6.

In Photoshop CC 2018, Adobe redesigned the brush panels. So use the steps below to load the brush based on your version of Photoshop.

How to load the Assorted Brushes in Photoshop CC

In Photoshop CC, with the Brush Tool selected, right-click (Win) / Control-click (Mac) inside the document to open the Brush Preset Picker.

Then click the menu icon in the upper right:

Clicking the Brush Preset Picker's menu icon in Photoshop CC
Clicking the Brush Preset Picker's menu icon in Photoshop CC.

And choose Legacy Brushes from the menu:

How to load the Legacy Brushes in Photoshop CC

Choosing "Legacy Brushes".

Click OK to load the Legacy Brushes set:

Restoring the Legacy Brushes brush set in Photoshop CC
Restoring the Legacy Brushes set.

Back in the Brush Preset Picker, scroll down to the new Legacy Brushes folder and twirl it open:

Opening the Legacy Brushes folder in Photoshop CC
Opening the Legacy Brushes folder.

And inside the folder, open the Assorted Brushes folder:

Opening the Assorted Brushes set in Photoshop CC
Opening the Assorted Brushes set.

Then scroll down the list of assorted brushes until you find the Crosshatch 4 brush.

Double-click on its thumbnail to select the brush and close the Brush Preset Picker:

Selecting the Crosshatch 4 brush from the Assorted Brushes in Photoshop CC
Double-clicking the Crosshatch 4 brush thumbnail.

How to load the Assorted Brushes in Photoshop CS6

In Photoshop CS6, with the Brush Tool selected, right-click (Win) / Control-click (Mac) inside the document to open the Brush Preset Picker.

Then click the menu icon in the top right:

Clicking the menu icon in the Brush Preset picker in Photoshop
Clicking the Brush Preset Picker's menu icon.

And choose the Assorted Brushes set from the menu:

Loading the Assorted Brushes set into Photoshop
Choosing "Assorted Brushes" from the menu.

Photoshop will ask if you want to replace your current brushes with the new brushes. Choose Append to add them to the existing brushes:

Appending the Assorted Brushes set to the default brushes in Photoshop
Adding the Assorted Brushes in with the current brushes.

Back in the Brush Preset Picker, scroll down through the brushes until you find the 48 pixel Crosshatch 4 brush. Look for the brush that looks like an "X" with the number 48 under it (48 means that the default size of the brush is 48 pixels).

Double-click on its thumbnail to select the brush and close the Brush Preset Picker:

Selecting the Crosshatch 4 brush in the Brush Preset picker
Double-clicking the "Crosshatch 4" brush thumbnail.

Step 31: Sample a gold color to use for the sparkles

Choose a color for the sparkles by sampling a color from the text.

Press and hold the Alt (Win) / Option (Mac) key on your keyboard to temporarily switch from the Brush Tool to the Eyedropper Tool, and then click on a light gold color to sample it.

I'll choose a light area from the letter "O":

Sampling a gold color from the text with the Eyedropper Tool
Holding Alt (Win) / Option (Mac) and sampling a color from the text.

Step 32: Click on the letters to add random sparkles

Release your Alt (Win) / Option (Mac) key to switch back to the Brush Tool. And then click in a few random spots around the text to add your sparkles.

For added variety, change the brush size before each click by pressing the left or right bracket keys on your keyboard. The left bracket key makes the brush smaller and the right bracket key makes it larger.

Don't add too many sparkles or you'll overdo it. A couple of larger and smaller ones is all you really need. If you don't like the last sparkle you added, press Ctrl+Z (Win) / Command+Z (Mac) on your keyboard to undo it, and then try again.

Here, I've added a couple of sparkles to the letter "G", a third, smaller sparkle at the bottom of the letter "L", and a fourth one in the upper left of the letter "D":

The gold text effect after adding some sparkles
The effect after adding some sparkles.

Step 33: Lower the opacity of the sparkles (optional)

And finally, if the sparkles are looking a bit too bright, simply lower the opacity of the "Sparkles" layer.

You'll find the Opacity option in the upper right of the Layers panel. I'll lower mine to 80%:

Lowering the opacity of the Sparkles layer
Reduce the brightness of the sparkles by lowering the layer opacity.

And with that, we're done! Here, after lowering the opacity of my "Sparkles" layer, is my final gold text effect:

Lowering the layer opacity
The final result.

And there we have it! That's how to create gold text in Photoshop!

Now that you've created the gold text, check out Part 2 where I show you how to easily replace the background of the effect!

Or visit our Text Effects or Photo Effects sections for more tutorials!


Be the first the know when new tutorials are added!