Google+

Sparkling Glass-Textured Text Effect

Photoshop’s Filters can be used to create nice textures easily and quickly. This tutorial will show you how to create a simple glass texture, then use it with a couple of Layer Styles to create a sparkling shiny text effect.

The Final Result

Tutorial Details

  • Software Used: Photoshop
  • Version: CC (CS3+ versions can be used as well)
  • Time: 0:30 – 0:45 Hours

Resources

Step 1

Create a new 1000 x 837 px document, and set the Resolution value to 200. Create a new layer on top of the Background layer, set the Foreground and Background colors to Black and White, then go to Filter > Render > Clouds.

Sparkling Glass-Textured Text Effect step 1

Go to Filter > (Filter Gallery) > Distort > Glass, and use the values below:

Sparkling Glass-Textured Text Effect step 1

This will create the texture. Go to Edit > Define Pattern, and type in a name for the texture pattern. You can then delete the layer, or just make it invisible if you want to keep it.

Sparkling Glass-Textured Text Effect step 1

Step 2

Set the Foreground color to #7e7e88 and the Background color to #1e1e20. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Radial Gradient icon.

Then, click and drag from the center of the document to one of the corners to create the background gradient.

Sparkling Glass-Textured Text Effect step 2

Place the Metal Rollgate texture on top of the Background layer, and change its layer’s Blend Mode to Multiply.

Sparkling Glass-Textured Text Effect step 2

Step 3

Create the text in Black. If you’re creating more than one line of text, make sure to place each one in a separate layer.

The font used is Oleo Script, and the Size is 100pt.

Sparkling Glass-Textured Text Effect step 3

Create two copies of each text layer you have.

Sparkling Glass-Textured Text Effect step 3

Step 4

Double click the first original text layer to apply a Stroke effect.

  • Size :7
  • Color :#000000
Sparkling Glass-Textured Text Effect step 4

You’ll then need to apply the same Layer Style to the other original text layers you have.

So right click the styled layer, choose Copy Layer Style, then select all the other layers you want to apply the Layer Style to, right click one of them, and choose Paste Layer Style.

Then, for all the original text layers, select them and go to Layer > Rasterize > Layer Style.

If you’re using < CS6 versions, you'll need to group each of those layer (Layer > Group Layers), then merge the group (Layer > Merge Group).

Sparkling Glass-Textured Text Effect step 4

Step 5

Double click the first copy text layer to apply the following Layer Style:

– Bevel and Emboss

  • Style :Stroke Emboss
  • Size :10
  • Gloss Contour :Ring – Double
  • Check the Anti-aliased box
  • Highlight Mode :Vivid Light
  • Color :#d5d5d5
Sparkling Glass-Textured Text Effect step 5

– Contour

  • Contour :Notched Slope
  • Check the Anti-aliased box.
Sparkling Glass-Textured Text Effect step 5

– Stroke

  • Size :7
  • Fill Type : Gradient
  • Style :Reflected
  • Angle :45
  • Scale :150%
  • Use the stove pipe 60 gradient.
Sparkling Glass-Textured Text Effect step 5

– Drop Shadow

  • Distance :10
  • Spread :10
  • Size :15
Sparkling Glass-Textured Text Effect step 5

This will create the shiny stroke. Don’t forget to apply the Layer Style to the other first copy text layers you have.

Sparkling Glass-Textured Text Effect step 5

Step 6

Change the second copy text layers’ color to any color of your choice. Just make sure it’s a slightly dark one, and keep in mind that you can go back and change the color after applying the Layer Style as well.

The color used here is #0a4752.

Sparkling Glass-Textured Text Effect step 6

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

– Bevel and Emboss

  • Size :7
  • Gloss Contour :Ring
  • Check the Anti-aliased box
  • Highlight Mode :Vivid Light
  • Shadow Mode :Color Burn
  • Color :#595959
Sparkling Glass-Textured Text Effect step 6

– Contour

  • Contour :Cone – Inverted
  • Check the Anti-aliased box.
Sparkling Glass-Textured Text Effect step 6

– Texture

  • Pattern :Use the pattern you defined at the beginning of this tutorial.
  • Scale :50% – But you can choose any other value you like as well.
Sparkling Glass-Textured Text Effect step 6

– Inner Glow

  • Blend Mode :Lighter Color
  • Color :#e1e1e1
Sparkling Glass-Textured Text Effect step 6

This will style the main text. Apply the same Layer Style to the other second copy text layers you have.

Sparkling Glass-Textured Text Effect step 6

Step 7

Select the original rasterized text layer, then go to Filter > Blur > Motion Blur, change the Angle to -50 and the Distance to 90. Repeat for the other similar layers.

Sparkling Glass-Textured Text Effect step 7

Next, change the blurred layers’ Opacity to 50%, and with the Move Tool selected, you can click and drag to move the blurred part, or use the Arrow Keys to do so, so that the shadows start from the letters’ edges, and extend to the bottom right.

Sparkling Glass-Textured Text Effect step 7

Once you’re done, click the Create new fill or adjustment layer icon down the Layers panel and choose Gradient Map.

Sparkling Glass-Textured Text Effect step 7

Make sure that the adjustment layer is on top of all layers, then change its Blend Mode to Color and its Opacity to 10. Use the colors #507fb4 to the left and #ffffff to the right to create the gradient. This will add a very subtle color adjustment to the final result.

Sparkling Glass-Textured Text Effect step 7

And you’re done!

Super easy, and hopefully helpful :)