How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

What You'll Be Creating

Learn how to create a quick diamond text effect in Photoshop.

Some fonts can make creating certain text effects much easier. This tutorial will show you how to use a dotted font, with a couple of layer styles, to achieve a simple, glittering diamond effect. Let's get started!

And if you want to save time, Graphicriver offers ready-to-use patterns and graphic styles, like this vector diamonds and gold graphic style:

Tutorial Assets

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

• Fortuna Dot font
• PS6 PATTERNS - DP + Grilles 2 by Ninja-Ryo
• Metal Mesh Patterns - Pack 1 by Axertion
• Crystal Pattern (Created using the Crysta Filter Forge filter by Vladimir Golovin)
• Double lined pattern by Adam Anlauf
• Stars and Flares Brush Set by MysticEmma

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

1. How to Create the Background

Step 1

Create a new 1342 x 755 px document.

Set the Foreground color to #161819 and the Background color to #010101.

Pick the Gradient Tool, click the Radial Gradient icon in the Options bar...

... and then click and drag from the center of the document to one of the corners.

Duplicate the Background layer.

Step 2

Double click the Background copy layer to apply a Pattern Overlay effect using the following settings:

• Blend Mode: Overlay
• Pattern: DP1-E

This will style the background.

2. How to Create the Text and Style the First Layer

Step 1

Create the text using the font Fortuna Dot, the Size 200 pt, and the color #a7a59f.

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

Step 2

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

Add a Bevel and Emboss with these settings:

• Size: 10
• Gloss Contour: Ring
• Check the Anti-aliased box
• Highlight Mode: Vivid Light
• Shadow Mode - Color: #a6a6a6

Step 3

Add a Contour with these settings:

• Check the Anti-aliased box.
• Range: 25%

Step 4

Add a Texture with these settings:

• Pattern: Mesh Transparent BG

Step 5

Add a Pattern Overlay with these settings:

• Pattern: Crystal Pattern
• Scale: 10%

Step 6

Add a Drop Shadow with these settings:

• Opacity: 50%
• Distance: 10
• Spread: 15
• Size: 5

This will create the first layer of the effect.

3. How to Style the Second Text Layer

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

Step 1

Add a Bevel and Emboss with these settings:

• Technique: Chisel Hard
• Size: 6
• Uncheck the Use Global Light box
• Angle: 82
• Altitude: 53
• Gloss Contour: Ring
• Check the Anti-aliased box
• Highlight Mode: Linear Light
• Shadow Mode - Opacity: 0%

Step 2

Add a Contour with these settings:

• Check the Anti-aliased box.

Step 3

Add a Texture with these settings:

• Pattern: Double lined
• Depth: 500%

Step 4

Add an Inner Glow with these settings:

• Noise: 49%
• Color: #b3b694
• Source: Center
• Size: 16

Step 5

Add a Pattern Overlay with these settings:

• Blend Mode: Soft Light
• Opacity: 65%
• Pattern: Nebula (from the default set "Patterns").
  

This will style the second layer of the effect, adding some color using the Pattern Overlay effect, and more glossiness using the Bevel and Emboss settings.

4. How to Add the Flares

Step 1

Set the Foreground color to #f4f1e3, pick the Brush Tool, and open the Brush panel (Window > Brush). Choose one of the Stars and Flares Brush Set brush tips, and modify its settings as shown below:

Brush Tip Shape

Shape Dynamics

Step 2

Create a new layer on top of all layers, call it Sparkles, and change its Blend Mode to Linear Light. Then start clicking to add some sparkling flares at the edges of the text.

Congratulations! You're Done

In this tutorial, we created a simple background, and two text layers. Then, we styled both text layers using different layer effects to achieve the crystal-like look. Finally, we added a couple of flares to make the text pop a bit more.

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

Diamond Graphics From Envato Market

Need to add a little sparkle and shine to your designs? Then check out Envato Market for thousands of high quality resources at affordable prices. Take a look at one of our favorites below!

Diamonds & Gold Graphic Style (AI, JPG, EPS)

Instantly add the luxury of gold and diamonds to your typography! This lovely graphic style generates random diamonds with a stunning gold border. Use it to add drama to your work for a unique and beautiful text effect.

Diamond Gold Silver and Pearls Jewelry Creator (PSD, ASL, ABR, PAT, ATN)

This huge pack contains actions, layer styles, and brushes. With them you'll be able to create realistic jewelry designs out of any text, shape, raster, selections, and paths. Create your own gold, silver, diamond, and pearl jewelry in minutes!

Bling Bling Diamond Photoshop Style Creator (ASL, PAT, ATN, ABR)

This is another Photoshop jewelry creator that creates stunning results with no effort. Make your text sparkle like a diamond with this set of brushes, actions, and layer styles.

Illustrator Graphic Styles - Extra Gold (AI, EPS)

If you want to create gold text in Illustrator, this set contains various graphic styles that add metallic stroke and fill to your vector designs. These effects are perfectly scalable!

Gold & Silver - Text Styles (PSD, ASL)

Here are twenty shiny styles that you can add to your text with just a single click. Whether you prefer silver or gold,textured or smooth, you'll find something for you in this set!

Learn More About Creating Gold and Metal Text Effects in Photoshop

If you liked this tutorial and you want to learn more about creating luxurious text effects in Photoshop, try these ones as well:

• 
  Text Effects
  How to Create a Medieval Metallic Text Effect in Adobe Photoshop
  Jan Stverak
• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Photoshop
  Rose
• 
  Layer Styles
  How to Create a Luxurious Text Effect in Adobe Photoshop
  Jonas Stensgaard
• 
  Text Effects
  How to Create a Realistic Chrome Text Effect in Adobe Photoshop
  Rose
• 
  Text Effects
  How to Create a Bronze Beveled Text Effect in Adobe Photoshop
  Enrique Eliçabe