Google+

Glittering Text Effect

In this tutorial, we’ll create a sparkly glittering text effect, by using Layer Styles and applying some Filters.

The Final Result

Tutorial Details

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

Resources

Step 1

Create a new 1024 x 768 px document. Set the Foreground color to #f8f400, and the Background color to #131313. Then go to Filter > Render > Clouds.

Glitter BG step 1

Go to Filter > Sketch > Photocopy. Set the Detail value to 20, and the Darkness value to 25.

Glitter BG step 2

Go to Filter > Blur > Motion Blur. Set the Angle value to 65, and the Distance value to 999.

Glitter BG step 3

Duplicate the Background layer, and change the copy’s Blend Mode to Color Dodge.

Glitter BG step 4

Step 2

Open the Brush panel (Window > Brush). Pick one of the sparkle brushes available, and change its Settings as below:

Brush Tip Shape.

Glitter BG sparkles step 1

Shape Dynamics

Glitter BG sparkles step 2

Scattering

Glitter BG sparkles step 3

Step 3

Create a new layer and call it BG Sparkles, change its Blend Mode to Color Dodge. Then, pick the Pen Tool, and draw a line (by clicking where you want it to start and where you want it to end). It is better to draw the line over the brighter areas in the background.

Glitter BG sparkles step 4

Make sure that the BG Sparkles layer is selected, then right click on the path and choose Stroke Path.

Glitter BG sparkles step 5

Choose Brush from the Tool drop down menu, and check the Simulate Pressure box.

Glitter BG sparkles step 6

Hit Enter/Return to get rid of the path.

Repeat this to create as many lines as you like.

Step 4

Create the text using the font Forte, the Size 300px and the color #4e4e4. Duplicate the text layer, and change the copy’s Fill value to 0.

Glitter TE step 1

Open the black texture (number 2) from the 4 Free Leather Textures pack.

Go to Edit > Define Pattern, and type in a name for the pattern.

Glitter TE step 1

Double click the original text layer, and add a Pattern Overlay effect. Change the Blend Mode to Overlay, choose the defined pattern from the drop down menu, and change the Scale to 25%.

Glitter TE step 1

Step 5

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

– Drop Shadow

  • Distance : 0
  • Size : 13
Glitter TE step 2

– Inner Shadow

  • Color : #868686
  • Distance : 0
  • Size : 10
Glitter TE step 2

– Bevel and Emboss

  • Size : 9
  • Uncheck the Use Global Light box
  • Angle : 70
  • Altitude : 20
  • Gloss Contour : Notched Slope
  • Check the Anti-aliased box
  • Shadow Mode – Color : #737373
Glitter TE step 2

– Contour

  • Contour : Ring Triple
Glitter TE step 2

You should end up with something similar to this:

Glitter TE step 2

Step 6

Right click any of the text layers and choose Create Work Path.

Glitter TE step 3

Open the Brush panel again, and this time, choose a round hard brush. Change the Size to 6px, and the Spacing to 115%.

Create a new layer on top of all layers, and call it Brush Stroke.

Glitter TE step 3

Change the Foreground color to #fff43e, then place the cursor somewhere near the work path and hit Enter/Return. This will stroke the work path with the brush.

Press Ctrl/Cmd + H to get rid of the work path.

Glitter TE step 3

Step 7

Double click the Brush Stroke layer to apply the following Layer Style:

– Drop Shadow

  • Distance : 0
  • Size : 13
Glitter TE step 4

– Inner Glow

  • Blend Mode : Overlay
  • Color : #fff43e
Glitter TE step 4

– Bevel and Emboss

  • Uncheck the Use Global Light box
  • Angle : 70
  • Altitude : 20
  • Gloss Contour : Valley High
  • Check the Anti-aliased box
  • Shadow Mode – Color : #737373
Glitter TE step 4

– Contour

  • Contour : Peaks
Glitter TE step 4

– Gradient Overlay

  • Blend Mode : Soft Light
  • Angle : 90
Glitter TE step 4

This will style the stroke.

Glitter TE step 4

Step 8

Create a new layer between the two text layers and call it Glitter Sparkles, then change its Blend Mode to Vivid Light. Ctrl/Cmd + Click one of the text layers’ thumbnail to create a selection.

Glitter TE step 5

Set the Foreground color to #575525 and the Background color to #fbfcb2, and fill the selection with the Foreground color.

Then, go to Filter > Render > Fibers. Change the Variance to 15, and the Strength to 50.

Glitter TE step 5

Go to Filter > Texture > Stained Glass. Change the Cell Size to 2, the Border Thickness to 1, and the Light Intensity to 3.

Glitter TE step 5

Go to Filter > Distort > Wave. Change the values as shown below.

Glitter TE step 5

This is what you will end up with.

Glitter TE step 5

Step 9

You can then add a Hue/Saturation adjustment layer on top of all layers, then change the Saturation value to 50. This will make the colors more vivid. You can also change the Hue value to change the color.

Glitter TE step 6

This is the final result once again.


  • http://www.komalthedesigner.com Komal

    Nice Effect…good tutorial

    • textuts

      Thanks!

  • Lilly

    Very nice tut. Todah!

    • textuts

      Thank you Lilly :)

  • neso

    wowW

    greaaaat :D

    • textuts

      Thanks :)

  • Moai

    Awesome effect…Thanks…^^

    • textuts

      Thanks for the comment.

  • Vaibhav

    Lovely….. effect….

    • textuts

      Thanks!

  • HemantH

    Superb Tut……..! Thanks for Sharing…..

    • textuts

      Thank you so much, glad you enjoyed it.

  • Ashley

    Which font did u use ????????

    • textuts

      Hello Ashley,

      The font used is “Forte”, but it’s not a free font. You can use any bold rounded font instead. Maybe something like Adira Display or Ballpark Weiner for example.

      Hope that helps.

      Best regards.

  • Ashley

    Thanks for saying me the name and I got it for free :D

    • textuts

      You’re welcome :)

  • Mary

    I can not perform step 6, the brush is not as it should in outline … can you help me?

    • textuts

      Hello Mary,
      What does your brush look like? Did you make sure that you changed all the necessary values? Also, you might need to make sure that you are selecting the “Brush Stroke” layer before choosing Stroke Path.
      Do you get any error messages when trying to do any of the above?

  • Pingback: 1 step web design

  • Pingback: 105 Adet Tipografik Tasar?m Örne?i « Payla? Gelsin

  • Pingback: 47 CREATIVE PHOTOSHOP TEXT EFFECT TUTORIALS « FUNXION Creative Design Blog

  • Pingback: Texto com Glitter no photoshop | o que você procura

  • DS

    I really appreciate the time it took to make this. However as a novice user, I will be old and gray before I can complete all of these steps and get the desired end result. I need about 4 more years of PS experience!! LOL!!

    • textuts

      That’s just hilarious! :D
      But I really don’t think you need all that time, this is an easy one. And even though it might seem there are too many steps, they are small easy ones.

      Did you give it a try? If not, I hope you do. It’s not as hard or as long as it may seem.
      Please feel free to leave a reply if you did.

      Thanks for the comment :)

  • http://www.westonproperties.com Weston Florida Real Estate

    The glittering text effect is simply beautiful. I would like to use it to prepare an e-card for my friend’s birth day using this. Thank you so much for the detailed steps.

    • textuts

      That’s so awesome to know :)
      Thank you very much for the lovely comment.

      Hope your friend likes it too ;)

  • Osman

    Ive written my text but its the colour is light blue/green and it doesn’t let me go to Edit>Define Pattern, Why is that?

    • textuts

      What was the Foreground color when you created the text? You can always go ahead and change the color from the Character panel (Window -> Character).

      You may also want to check the Blend Mode, is it set to Normal?

      When you try the Define Pattern option, is it grayed out? If not, what exactly is the problem you face?

  • Pingback: 40 Creative Photoshop Text Effect Tutorials | HueDesigner

  • Pingback: Create Glittering Text Effect in Photoshop | Tutorials Get

  • Pingback: 20 great typography tutorials in Photoshop