Google+

Glossy Particles-Textured Text Effect

This is a very simple way to create a nice glossy particles-textured text effect, using two Layer Styles, and two Filters.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS5 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Create a new 1024 x 768 px document. Set the Foreground color to #6fb1bf, and the Background color to #2a4d53, then, create a Reflected Gradient from the center of the document to the bottom.

Particles Textured Text Glossy Effect step 1

Place the Grungy seamless tiling cement texture on top of the Background, and change its Blend Mode to Soft Light.

Particles Textured Text Glossy Effect step 1

Step 2

Create the text in White. The font used is Insaniburger and the Size is 345 px.

Particles Textured Text Glossy Effect step 2

Change the text layer’s Fill value to 0.

Particles Textured Text Glossy Effect step 2

Duplicate the text layer.

Particles Textured Text Glossy Effect step 2

Create a new layer below the two text layers and call it Texture. Press the Ctrl/Cmd key, and click a text layer’s thumbnail to create a selection. Set the Foreground color to #164b7c, and the Background color to #b2ebfc.

Particles Textured Text Glossy Effect step 2

Step 3

With the Texture layer selected (active), go to Filter -> Render -> Clouds. Press Ctrl/Cmd + D to get rid of the selection.

Particles Textured Text Glossy Effect step 3

Go to Filter -> Artistic -> Watercolor. Change the Brush Detail to 5, the Shadow Intensity to 0, and the Texture to 3.

Particles Textured Text Glossy Effect step 3
Particles Textured Text Glossy Effect step 3

Go to Filter -> Artistic -> Paint Daubs. Change the Brush Size to 6, the Sharpness to 5, and choose Sparkle from the Brush Type drop down menu.

Particles Textured Text Glossy Effect step 3
Particles Textured Text Glossy Effect step 3

Once again, go to Filter -> Artistic -> Watercolor, and apply the same values.

Particles Textured Text Glossy Effect step 3
Particles Textured Text Glossy Effect step 3

Step 4

Go to Image -> Adjustments -> Hue/Saturation, and change the Hue value to -10. This will match the texture color with the Background color.

Particles Textured Text Glossy Effect step 4

Double click the original text layer to apply the following Layer Style:

– Bevel and Emboss

  • Style : Outer Bevel
  • Size : 11
  • Uncheck the Use Global Light box
  • Angle : -104
  • Altitude : 48
  • Gloss Contour : Ring
  • Check the Anti-aliased box
  • Highlight Mode :
  • Color : #1dfcff
  • Opacity : 100%
  • Shadow Mode – Color : #919191
Particles Textured Text Glossy Effect step 4

– Contour

  • Contour : Cone – Inverted
  • Check the Anti-aliased box.
Particles Textured Text Glossy Effect step 4

This will create the glossy stroke of the text effect.

Particles Textured Text Glossy Effect step 4

Now click the copy text layer to apply another Bevel and Emboss effect:

– Bevel and Emboss

  • Depth : 500
  • Size : 20
  • Uncheck the Use Global Light box
  • Angle : 120
  • Altitude : 48
  • Gloss Contour :
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
  • Color : #ffffff
  • Shadow Mode – Color : #707070
Particles Textured Text Glossy Effect step 4

This will create the awesome glossy effect.

Particles Textured Text Glossy Effect step 4

Step 5

Finally, set the Foreground color to #ffffff and the Background color to #b2ebfc, create a new layer on top of all layers and call it Glitter and change its Blend Mode to Vivid Light.

Particles Textured Text Glossy Effect step 5

Use the Modified Glitter Brush to add some glitters inside the text. The effect is subtle, but really nice.

Particles Textured Text Glossy Effect step 5

And this is the Final Result!