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

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.
This glitter text effect was inspired by the many gold glitter Photoshop add-ons and gold glitter t…


This content originally appeared on Envato Tuts+ Tutorials and was authored by Rose

Final product imageFinal product imageFinal 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.

This glitter text effect was inspired by the many gold glitter Photoshop add-ons and gold glitter textures for Photoshop available at Envato Elements. If you want to create glitter text in Photoshop in less time, you can use some amazing gold glitter effects like the one below. Scroll down after this tutorial to find a hand-picked selection of the best gold glitter Photoshop kits.

Easily create glitter text in Photoshop with this complete kit from Envato Elements.Easily create glitter text in Photoshop with this complete kit from Envato Elements.Easily create glitter text in Photoshop with this complete kit from Envato Elements.
Easily create glitter text in Photoshop with this complete kit from Envato Elements.

What You'll Learn in This Gold Glitter Photoshop Tutorial

  • How to create the background
  • How to create the text and define the glitter pattern
  • How to style the original text layer
  • How to style the copy text layer
  • How to adjust the final result

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

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

1. How to Create the Background

Step 1

The first step of this glitter text Photoshop tutorial is the background. Create a new 850 x 600px document, and duplicate the Background layer.

Duplicate the Background LayerDuplicate the Background LayerDuplicate 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 OverlayGradient OverlayGradient 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 TextureAdd the Background TextureAdd 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.

HueSaturationHueSaturationHueSaturation

Step 5

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

HueSaturation SettingsHueSaturation SettingsHueSaturation Settings

2. How to 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 TextCreate the TextCreate the Text

Step 2

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate 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 PatternDefine the Glitter PatternDefine the Glitter Pattern

3. How to 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 EmbossBevel and EmbossBevel and Emboss

Step 2

Add a Contour with these settings:

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

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
StrokeStrokeStroke

Step 4

To create the gradient for glitter text Photoshop design, 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

  • #262626 - 0%
  • #421668 - 32%
  • #7c2af1 - 67%
  • #e5dff7 - 100%

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

Create the Gradient FillCreate the Gradient FillCreate the Gradient Fill

Step 5

Add an Inner Shadow with these settings:

  • Opacity: 35%
  • Distance: 0
  • Size: 27
Inner ShadowInner ShadowInner 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 GlowInner GlowInner 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
SatinSatinSatin

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 OverlayGradient OverlayGradient 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 ShadowDrop ShadowDrop Shadow

This will style the first layer of text.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

4. How to 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 EmbossBevel and EmbossBevel and Emboss

Step 2

Add a Contour with these settings:

  • Check the Anti-aliased box.
ContourContourContour

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 GlowInner GlowInner 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 OverlayGradient OverlayGradient Overlay

Step 5

Add a Pattern Overlay with these settings:

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

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

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. How to Adjust the Final Result

Step 1

You almost completed this how to create glitter text tutorial. 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 EffectIntensify the EffectIntensify 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 LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

Congratulations! You Know How to Create Glitter Text in Photoshop

In this glitter text Photoshop 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. Now it's your turn to put into practice what you learned and to create your own designs!

Final ResultFinal ResultFinal Result

5 Top Gold Glitter Photoshop Add-ons and Textures

You just learned how to add glitter text in Photoshop in this detailed tutorial. But what if you want to speed up the process and still achieve a professional result?

You need gold glitter Photoshop add-ons from Envato Elements. If you love graphic design, or if you use design software every day, you'll love the subscription-based marketplace.

For a flat monthly fee, you can download unlimited gold glitter effects, Photoshop add-ons, premium fonts, graphic templates, and more. Here's a hand-picked selection of the top glitter text effects, textures, layer styles, and more. Take a look around and get them for your next design!

1. Golden Planet for Photoshop (ABR, ASL, PAT, PDF, EPS)

Golden Planet for Photoshop (ABR, ASL, PAT, PDF, EPS)Golden Planet for Photoshop (ABR, ASL, PAT, PDF, EPS)Golden Planet for Photoshop (ABR, ASL, PAT, PDF, EPS)

This gold glitter Photoshop kit has everything you need and more to create glitter text in Photoshop. If you want a complete arsenal for your gold glitter effects, this is it. You'll get:

  • 86 gold layer styles
  • 81 silver layer styles
  • 46 Photoshop brushes
  • 150+ seamless PNG textures, including 18 gold glitter textures
  • 8 vector elements
  • PDF guide

2. Goldish Kit For Photoshop (ASL, PNG, JPG, EPS, AI)

Goldish Kit For Photoshop (ASL, PNG, JPG, EPS, AI)Goldish Kit For Photoshop (ASL, PNG, JPG, EPS, AI)Goldish Kit For Photoshop (ASL, PNG, JPG, EPS, AI)

This gold glitter texture Photoshop kit is another complete option. You don't have to worry about how to add glitter text in Photoshop from scratch with this set.

The gold glitter Photoshop kit includes:

  • 28 Seamless gold layer styles (ASL file)
  • 8 extra inscriptions (AI files)
  • 8 patterns (PNG files)
  • 38 gold textures (JPEG files)
  • 9 ink splatters (EPS files)

3. Glitter Ombre Patterns (JPG)

Glitter Ombre Patterns (JPG)Glitter Ombre Patterns (JPG)Glitter Ombre Patterns (JPG)

What if you only need a gold glitter texture Photoshop file? Then check this out. This is a high-resolution, premium gold glitter texture for Photoshop.

You'll get realistic, non-seamless extra fine glitter 12"x12" pattern papers. The gold glitter effect kit includes 15 solid JPG patterns in 300 dpi.

4. Golden Era for Adobe Photoshop (ASL)

Golden Era for Adobe Photoshop (ASL)Golden Era for Adobe Photoshop (ASL)Golden Era for Adobe Photoshop (ASL)

You'll find the best kits to make amazing glitter text Photoshop designs. This gold glitter Photoshop pack comes with plenty of elements to play with.

The kit makes it easy to create glitter text in Photoshop. The download includes:

  • 76 Adobe Photoshop styles for instant gold effect
  • 38 ornamental and scatter brushes for Adobe Photoshop
  • 30 organic shapes and textures
  • JPG preview with all styles and their names
  • Sheet with clear instructions

5. Silver and Gold Styles (ASL)

Silver and Gold Styles (ASL)Silver and Gold Styles (ASL)Silver and Gold Styles (ASL)

This gold glitter Photoshop kit is another excellent option for your projects. How to create glitter text will be really easy with it.

The gold glitter Photoshop set comes with 24 effects made from real photographs. These are high-resolution, seamless textures with non-destructive layers. Play with them and create amazing gold glitter effects!

Start Your Gold Glitter Photoshop Design Today

You learned how to how to create glitter text in Photoshop using different layer styles and techniques. You also learned where to find premium glitter text effects to save you some time and get amazing results. Now, if you'd like to explore even more cool Photoshop tutorials and resources, we've got these for you:

Editorial Note: This post has been updated with contributions from Maria Villanueva. Maria is the Associate Editor of the Tuts+ Design channel.


This content originally appeared on Envato Tuts+ Tutorials and was authored by Rose


Print Share Comment Cite Upload Translate Updates
APA

Rose | Sciencx (2016-07-29T14:37:27+00:00) How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop. Retrieved from https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/

MLA
" » How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop." Rose | Sciencx - Friday July 29, 2016, https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/
HARVARD
Rose | Sciencx Friday July 29, 2016 » How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop., viewed ,<https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/>
VANCOUVER
Rose | Sciencx - » How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/
CHICAGO
" » How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop." Rose | Sciencx - Accessed . https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/
IEEE
" » How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop." Rose | Sciencx [Online]. Available: https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/. [Accessed: ]
rf:citation
» How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop | Rose | Sciencx | https://www.scien.cx/2016/07/29/how-to-create-an-easy-gold-glitter-text-effect-in-adobe-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.