blog posts

Step-by-step tutorial to create a glowing gold text effect in Photoshop

Here we will teach you how to make the letters and texts in Photoshop CC 2019 shiny and golden (like the picture above).

 For best results, use the latest version of Photoshop CC, but Photoshop 2013 and above users can also use this tutorial.

How to create golden text in Photoshop

Let’s start with the steps of setting up the document and adding the original text. If you have already added text, go to step 8 where we will start creating the golden text.

Step 1: Create a new Photoshop document: Create a new document by going to the File menu in the menu bar and selecting New:

photoshop-create-new-document

In the New Document dialog box, set the document width to 1600 pixels, height to 800 pixels, and resolution to 72 pixels per inch. Then click the Create button in Photoshop CC and OK in CS6:

photoshop-cc-new-document-dialog-box

Step 2: Fill the document with black: To help highlight the golden letters, change the background color of the document from white to black. Go to the Edit menu in the menu bar and select Fill:

photoshop-fill-command

Then in the Fill dialog box, set the contents to Black and click OK. Photoshop fills the background with black.

photoshop-fill-contents-black

Step 3: Select the Type tool: To add text, select the Type tool from the toolbar:

photoshop-type-tool

Step 4: Select the font: Select the font in the settings bar. In this tutorial, we will use the Times New Roman Bold font, but you can use any font you like. Set the text size to pt 72:

photoshop-font-options

Step 5: Set the text color to white: To see the text on a black background, whiten the original color of the text. Later we add golden colors using the layer effect. Click on the color option in the option bar:

photoshop-type-color-swatch

In Color Picker, select the colors R, G and B (red, green and blue) to 255 white colors. Then close Color Picker by selecting OK.

photoshop-color-picker-type

Step 6: Add text to the document: Click inside the document and add the text. Here we type the word “GOLD”. Do not worry about the small text. In the next step we will change it:

photoshop-add-text-to-document

To accept the text, click on the check mark in the Options Bar:

photoshop-type-checkmark

Step 7: Resize and move the text with Free Transform: To resize the text and move it to the center, go to the Edit menu and select Free Transform:

photoshop-free-transform-command

Then change the text by clicking and dragging any of the categories around the box that appears. You have to press and hold the Shift key and pull the knobs to change the dimensions. When resizing text, release the mouse button first, then the Shift key.

Once you have resized the text, click on the Free Transform box and move it to your desired position. When done, press the Enter key on Windows and the Return key on Mac to close Free Transform:

resize-text-free-transform

Step 8: Make a copy of the text layer: Now that we have added the text, we are ready to make the letters golden. In the Layers panel, make a copy by dragging the text layer on the Add New Layer icon at the bottom:

photoshop-duplicate-type-layer

A copy of the text layer appears above the main layer:

photoshop-type-layer-copy

Step 9: Paint the text with the Overlay Gradient layer effect: We will use Photoshop layer effects to make the text golden. The first effect we need is Gradient Overlay. We use it to add some golden colors to the letters. Make sure the “GOLD copy” layer is selected in the Layers panel. Then click on the Layer Styles icon (“fx” icon) at the bottom.

photoshop-layers-panel-fx-icon

In the Layer Effects menu, select Gradient Overlay:

photoshop-choose-gradient-overlay

Step 10: Create a Custom Gradient: Photoshop opens the Layer Style dialog box on the Overlay Gradient option. First, clear any previous settings by clicking the Reset to Default button:

gradient-overlay-reset-default

Then edit the gradient colors:

gradient-overlay-swatch

In the Gradient Editor, double-click the slider below the left of the gradient:

edit-gradient-color-stop-left

Add golden gradient color

We want to create a custom gradient for the text. To do this, we sampled the colors from the photo of the gold coin. When choosing a color, 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:

photoshop-color-picker-left-gradient-color

Return to Gradient Editor, double-click the slider to the right and below the gradient:

edit-gradient-color-stop-right

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

photoshop-color-picker-right-gradient-color

Step 11: Save the golden gradient by default: You need this gradient, so save it by default. In the Gradient Editor, name it “Gold”, and then click the New button to save:

photoshop-save-gold-gradient

A thumbnail of it will appear in the Presets section:

new-gold-gradient-preset

Click OK to close the Gradient Editor, but keep the Layer Style dialog box open. Here is the text with the golden gradient:

photoshop-type-gold-gradient

Step 12: Change Gradient Style to Reflected: Return to the Layer Style dialog box, change the Gradient Style to Reflected:

photoshop-gradient-overlay-style-reflected

This shifts the darker golden color to the top and bottom of the text, making the middle of the text lighter.

photoshop-gold-gradient-reflected

Step 13: Add Bevel & Emboss: On the left side of the Layer Style window there is a list of effects to choose from. Select it by clicking on Bevel & Emboss:

photoshop-layer-style-bevel-emboss

Click the Reset to Default button to clear the previous custom settings:

bevel-emboss-reset-to-default

Step 14: Change the Technique to Chisel Hard: In the Structure section, make sure the Style is equal to the Inner Bevel. Then change the Technique to Chisel Hard:

photoshop-bevel-emboss-chisel-hard

Step 15: Change Gloss Contour to Ring – Double:

 In the Shading section, click on the small arrow to the right of the thumbnail. Be sure to click on the arrow, not the image. Then double-click on Ring – Double to select (third thumbnail from left, bottom row):

bevel-emboss-gloss-contour-ring-double

Step 16: Change the Angle and Enable Anti-Aliasing: In the Shading section, set the angle to 120 degrees. Then select the Anti-aliased option to smooth the uneven edges.

bevel-emboss-angle-anti-aliased

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

highlight-shadow-mode-75percent

The results so far are as follows:

photoshop-type-bevel-emboss

Step 18: Increase the Size value to fill in the letters: Increase the Size in Bevel and Emboss to make the text look more golden. The easiest way to do this is to first click on the Size value box to activate it. Then use the Up Arrow key on the keyboard to increase the value. As you increase the value you will see changes. The value of Size depends on the size of the text. 41 pixels is suitable for our work:

bevel-emboss-size-41pixels

You can see the result below:

photoshop-gold-letters-bevel-emboss

 

Step 19: Increase the Depth Value: Increase the Depth value. This option increases the brightness and contrast of the letters. We set the Depth value to about 170%.

bevel-emboss-depth-170percent

You can see the result so far:

photoshop-gold-letters-bevel-emboss-depth

Step 20: Add Inner Glow layer effect : Add the Inner Glow layer effect by clicking on its name on the left side of the Layer Style dialog box.

photoshop-inner-glow-layer-style

Then clear all previous settings by clicking Reset to Default.

inner-glow-reset-to-default

Change the Blend Mode in Inner Glow from Screen to Multiply. Set the Opacity to 50%:

inner-glow-blend-mode-opacity

Click the color sample to change the color of the radiation:

inner-glow-color-swatch

In Color Picker, set R to 232, G to 128, and B to 31. Then click on Color Picker OK:

photoshop-color-picker-inner-glow

Finally, increase the radiation size until the letters are completely filled. Here we set the Size value to 75 pixels:

photoshop-inner-glow-size

Then click OK to close the Layer Style dialog box. The golden effect should now look like this:

photoshop-gold-letters-inner-glow

Step 21: Select the main text layer: In the Layers panel, click on the main text layer to select:

photoshop-select-type-layer

Step 22: Add a Stroke around the letters: Click the Layer Styles icon at the bottom.

photoshop-layer-style-icon

Then select Stroke:

photoshop-choose-stroke-layer-style

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

reset-stroke-effect-defaults

Step 23: Fill the Stroke using the default golden gradient: Change the Fill Type from Color to Gradient. Then click on the small arrow to the right of the swatch gradient and select the “Gold” gradient you saved earlier:

photoshop-stroke-fill-type-gradient

Step 24: Adjust Style, Position and Size in stroke: Change the Gradient Style from Linear to Reflected. Then set the Position Outside and increase the Size to 8 pixels:

photoshop-stroke-layer-style-options

The result is as follows:

photoshop-gold-text-stroke

Step 25: Apply Bevel & Emboss on the stroke: We are going to add another Bevel & Emboss effect, not to the letters but to the stroke. Click Bevel & Emboss on the left side of the Layer Style dialog box:

select-bevel-emboss

As we intend to use more of the same settings as before, do not click Reset to Default this time. Instead, simply change the Style from Inner Bevel to Stroke Emboss. Technique should be set to Chisel Hard. Set the Size to the size you selected for Stroke, it was 8 pixels for us:

bevel-emboss-structure-options

Check Bevel & Emboss settings again. Make sure all Bevel & Emboss settings are the same as before. If for some reason they are not similar, you should change them:

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

bevel-emboss-stroke-settings

Activate the Contour option

Below Bevel & Emboss on the left side of the Layer Style dialog box is an effect called Contour. Click on the checkbox to enable it. This increases the brightness around the stroke:

contour

The result so far is as follows:

photoshop-gold-text-stroke-layer-styles

 

Step 26: Apply the Outer Glow effect: As the last effect, we add a dim light around the text, as if the light is reflected from the golden letters. Click Outer Glow on the left side of the Layer Style dialog box:

photoshop-outer-glow-layer-style

Adjust the radiation opacity to ٪ 40 and then click on the color sample:

photoshop-outer-glow-layer-style-options

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

photoshop-color-picker-outer-glow

Finally, increase the size of the radiation to about 60 pixels:

photoshop-outer-glow-size

Here we are done with the effects, so click OK to close the Layer Style dialog box. You can see the result of applying the effects below:

photoshop-gold-text-effect-layer-styles

Step 27: Select the “GOLD copy” layer: Finish the golden text effect by adding glitter to the letters. To do this, we need to add a separate gloss to each layer. 

In the Layers panel, click on the “GOLD copy” layer (top layer):

photoshop-select-gold-copy-layer

Step 28: Add a new layer above the text: Press and hold the Alt key on Windows and the Option key on Mac. Then click on the Add New Layer icon:

photoshop-new-layer-icon

In the New Layer dialog box, type the layer name “Sparkles” and click OK:

photoshop-name-new-layer

Photoshop adds a new blank layer called “Sparkles” at the top of the text:

photoshop-new-sparkles-layer

Step 29: Select the Brush tool: Use one of the Photoshop brushes to create a glow. Select the Brush Tool from the Toolbar:

photoshop-brush-tool

Step 30: Select the “Crosshatch 4” brush from Assorted Brushes: The brush we need to shine is Crosshatch 4%, which is included in Photoshop as part of the Assorted Brushes set. But Assorted Brushes do not load automatically, so we have to load the set ourselves. And this is another difference between Photoshop CC and CS6.

In Photoshop CC 2018, Adobe has redesigned the brush panels. Therefore, use the following steps to load the brush based on the Photoshop version.

 

How to load different brushes in Photoshop CC

In Photoshop CC, where the Brush Tool is being selected, right-click in Windows and in Mac control click the document to open the Brush Preset Picker. Then click on the menu icon at the top right:

brush-preset-picker-photoshop-cc

Select Legacy Brushes from the menu:

load-legacy-brushes-photoshop-cc

Click OK to load Legacy Brush:

restore-legacy-brushes-photoshop

Go back to the Brush Preset Picker, scroll to the bottom of the new Legacy Brushes folder, and open it:

open-legacy-brushes-set

Inside the folder, open the Assorted Brushes folder:

open-assorted-brushes-set-photoshopcc

Then find Crosschatch 4 Brush in the list of different brushes. Double-click on the thumbnail to select it and close the Brush Preset Picker:

select-crosshatch-4-brush-photoshopcc (1)

How to load different brushes in Photoshop CS6

In Photoshop CS6, where the Brush Tool is being selected, right-click in Windows and in Mac control click the document to open the Brush Preset Picker.

Then click on the menu icon at the top right:

photoshop-brush-preset-picker-menu-icon

Select Assorted Brushes from the menu:

photoshop-load-assorted-brushes

Photoshop asks you to replace your current brushes with new ones. To add them to existing brushes, select “Append”:

photoshop-append-brushes

Go back to Brush Preset Picker, look for 48 pixels Crosshatch 4 in the list. Look for an “X” -shaped brush with the number 48 below it (48 means that the default brush size is 48 pixels).

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

photoshop-48px-crosshatch-brush

Step 31: Sampling the golden color to use the glow: Select a color for the glow by sampling the color of the text. Press and hold the Alt key on Windows and the Option key on Mac to temporarily go from the Tool Brush Tool to the Eyedropper Tool and then click on the light gold color to be sampled. Here we select a light region from the letter “O”:

photoshop-sample-color

Step 32: Click on letters to add random glitter:

 In Windows, release the Alt key and in the Mac release the Option key to return to the Brush Tool. Then click on a few random dots around the text to add shine.

To create variety, change the brush size by pressing the open and closed bracket keys. The left bracket key makes the brush smaller and the right bracket key makes it larger.

 

Do not add too much shine. If you are not satisfied with it after adding the glow, press Ctrl + Z in Windows Command + Z on Mac to cancel, and then try again. Here, we added two glows to “G”, a smaller glow at the end of the letter “L”, and a number to the left of the letters “D”:

photoshop-gold-text-effect-sparkles