Quantcast
Channel: Envato Tuts+ Design & Illustration
Viewing all articles
Browse latest Browse all 8957

How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop

$
0
0
Final product image
What You'll Be Creating

This tutorial will show you a super quick and easy way to create a glossy, glittering text effect using a bunch of layer styles. Let's get started!

This text effect was inspired by the many Layer Styles available on Envato Market.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Create the Background

Step 1

Create a new 850 x 600px document, and duplicate the Background layer.

Duplicate the Background Layer

Step 2

Double-click the Background copy layer to apply a Gradient Overlay effect with these settings:

  • Check the Dither box
  • Style: Radial
  • Scale: 150%
  • Click the Gradient box to create the gradient fill using the colors #3d3d3d to the left and #151515 to the right.
Gradient Overlay

Step 3

Place the Unrestricted grey soft grunge image on top of the Background copy layer, and then go to Edit > Transform > Rotate 90° Counter Clockwise, and resize it as needed.

After that, rename the texture's layer to BG Texture, and then change its Blend Mode to Overlay and its Opacity to 75%.

Add the Background Texture

Step 4

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Hue/Saturation.

HueSaturation

Step 5

Change the Hue to 155, the Saturation to -50, and the Lightness to -9.

HueSaturation Settings

2. Create the Text and Define the Glitter Pattern

Step 1

Create the text in All Caps using the font RockoUltraFLF, and set the Size to 200 pt.

Create the Text

Step 2

Duplicate the text layer, and change the copy's Fill value to 0.

Duplicate the Text Layer

Step 3

Open the glitter image you want to use from the Wastedshame Free Glitter Patterns pack, go to Edit > Define Pattern, and click OK.

This will add the glitter image as a pattern that you can find in your preset.

Define the Glitter Pattern

3. Style the Original Text Layer

Double-click the original text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 9
  • Soften: 8
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box
  • Range: 100%
Contour

Step 3

Add a Stroke with these settings:

  • Size: 1
  • Position: Inside
  • Blend Mode: Color Dodge
  • Fill Type: Gradient
  • Click the Gradient box to create the gradient
Stroke

Step 4

To create the gradient, you’ll need to click below the gradient bar to add Color Stops, and when you click each Color Stop, you can change its Color and Location values. Here are the Color Stop values used from left to right:

Color - Location

  • #272727 - 0%
  • #4f3662 - 32%
  • #8163a6 - 67%
  • #ebdffe - 100%

Once you're done creating the gradient fill, click the New button to add it to the preset you have.

Create the Gradient Fill

Step 5

Add an Inner Shadow with these settings:

  • Opacity: 35%
  • Distance: 0
  • Size: 27
Inner Shadow

Step 6

Add an Inner Glow with these settings:

  • Blend Mode: Vivid Light
  • Opacity: 100%
  • Color: #999891
  • Technique: Precise
  • Size: 90
  • Contour: Rolling Slope - Descending
Inner Glow

Step 7

Add a Satin with these settings:

  • Blend Mode: Multiply
  • Color: #0d3537
  • Opacity: 50%
  • Angle: 90
  • Distance: 50
  • Size: 60
  • Contour: Linear
  • Check the Anti-aliased box
  • Check the Invert box
Satin

Step 8

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Scale: 150%
  • Use the same gradient fill you used for the Stroke effect
Gradient Overlay

Step 9

Add a Drop Shadow with these settings:

  • Color: #a3a3a3
  • Opacity: 80%
  • Uncheck the Use Global Light box
  • Angle: 132
  • Distance: 17
  • Size: 35
Drop Shadow

This will style the first layer of text.

Styled Text Layer 1

4. Style the Copy Text Layer

Double-click the copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 9
  • Soften: 8
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Check the Anti-aliased box.
Contour

Step 3

Add an Inner Glow with these settings:

  • Blend Mode: Vivid Light
  • Opacity: 100%
  • Noise: 30%
  • Color: #999891
  • Technique: Precise
  • Size: 90
  • Contour: Ring - Double
Inner Glow

Step 4

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Soft Light
  • Opacity: 20%
  • Scale: 150%
  • Click the Gradient box to create the gradient below:

Color - Location

  • #272727 - 0%
  • #575653 - 32%
  • #a09d93 - 66%
  • #fef7df - 100%
Gradient Overlay

Step 5

Add a Pattern Overlay with these settings:

  • Blend Mode: Lighter Color
  • Pattern: glitter-yellow.jpg
  • Scale: 50%
Pattern Overlay

This will style the second text layer and add the glittering part.

Styled Text Layer 2

5. Adjust the Final Result

Step 1

To intensify the effect, duplicate the copy text layer, and then decrease the copy 2 layer's Opacity to a value around 60%.

Intensify the Effect

Step 2

Finally, add a Gradient Map adjustment layer on top of all layers.

Create the gradient fill using the colors #566d7c to the left, #9a9c8a in the middle, and #fddea2 to the right.

Then, change the adjustment layer's Blend Mode to Linear Light and its Opacity to 15%.

Gradient Map Adjustment Layer

Congratulations! You're Done

In this tutorial, we created a simple background using a gradient fill and a texture. Then, we created two text layers and styled each of them to create the effect.

Finally, we intensified the effect and added a color adjustment layer to finish things off.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result

Viewing all articles
Browse latest Browse all 8957

Trending Articles