Particles Textured

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:

Particles Textured

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Grungy seamless tiling cement by ~LANBO.
* Modified Glitter Brush.

Step 1:

- 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 using white color. 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 key, and click on a text layer’s thumbnail (icon) 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 + D (Select -> Deselect) 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 (Brush Detail: 5, Shadow Intensity: 0, Texture: 3).

Particles Textured Text Glossy Effect step 3

Particles Textured Text Glossy Effect step 3

Step 4:

- Go to Image -> Adjustments -> Hue/Saturation (Ctrl + U), 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 on the original text layer to apply the following Layer Style:

- Bevel and Emboss: Change the Style to Outer Bevel, the Size to 11, and un-check the Use Global Light box, then change the Angle to -104 and the Altitude to 48. Also, change the Gloss Contour to Ring, check the Anti-aliased box, change the Highlight Mode color to #1dfcff and its Opacity to 100%, and change the Shadow Mode color to #919191.

Particles Textured Text Glossy Effect step 4

- Contour: Choose Cone – Inverted and 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. Make sure that the Style is set to Inner Bevel, change the Depth to 500, the Size to 20, and un-check the Use Global Light box, then change the Angle to 120 and the Altitude to 48. Also, change the Highlight Mode to Vivid Light and its color to #ffffff, and change the Shadow Mode color to #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!

Particles Textured

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 42 Comments

  1. ivdeqnova says:

    Very nice tutorial!

    • textuts says:

      Thanks a lot :)

    • william says:

      Started the tutorial when i got to step 3 clicked on the filter then i discovered that the artistic was greyed out could not use it, is there another way around, or what am i doing wrong?? Using Photoshop 7

      • textuts says:

        Hello William,
        First, please make sure that the “Texture” layer is selected (active) before applying the filters. If it is, then go to Image -> Mode, and make sure that RGB and 8 Bits/Channel are ticked.
        Hope this helps.

  2. Very nice effect! Reminds me of nail polish :)

  3. Mon Sanz says:

    Nice tutorial.,it really help a lot in our banner or wallpaper.,

  4. ilcho bogdanovski says:

    I love text tutorials.I will try this one to. Here is also another great 3D text photoshop tutorial http://www.prodezen.com/tutorials/Photoshop/Cool-3D-Text-Photoshop-Tutorial/Up-Cool-3D-Text-Photoshop-Tutorial.html

  5. Michelle Garcia says:

    Now this one is definitely my favorite tutorial so far!

  6. Antonio Prieto says:

    Muy bueno el tutorial excelente trabajo. Gracias……

  7. Meta says:

    Wow, this is very nice tutorial. I want to try to create this right now. Love the blue color you choice, make the font look awesome! thanks

  8. Rubeina says:

    Very cool! Thanks a lot :)

  9. Bitte says:

    Thanks for a great tutorial.
    It is so easy to follow step by step.
    Now I will try to do a whole alpha with this technique.

  10. Ahmmed says:

    umm, i downloaded the modified brush…. i opened it, came on the photoshop, then i followed your tut, then when i got to the glitter bit, i dont know which one is the modified brush because there is lots of presets now! could you please help me?

    • textuts says:

      Hello Ahmmed,

      After you load the Brush, select the Brush tool, then, in the Options bar at the top, click the Brush Preset Picker and scroll down. The last brush is the one you last added. (Check this image for reference).
      After you select the Brush, you can go to the Brush panel to modify its settings if you need to.

      Hope this helps.
      Please feel free to add a reply if the problem still exists.
      Regards.

  11. Ahammed says:

    the problem still presists……in your picture, you no. 10 and square shaped pic but on mine it is No. 14 and has picture of a dust/leaf thing…..i tried downloading it agai but im still getting the same one!!

  12. Satish Sharma says:

    Nice Tutorial

  13. Ayoub ba says:

    Thank’s :)

  14. Charlotte says:

    This is just GREAT! Jeezz, how much I love your tuts!
    So, I’ve tried and made my own version with your help then: http://mjumpringles.deviantart.com/#/d4yb862

    • textuts says:

      Thank you so much, this really means a lot.
      Beautiful outcome as well. I like how you added your own touch to the effect.

      Thanks a lot for the comment and the link :)

  15. THOPPP says:

    Awesome result !!! great tutorial

  16. BriGaEdits says:

    Can I make a Video Tutorial Of It ?

    • textuts says:

      Sorry for that, but this is not allowed. It is a form of redistributing the material on the site which violates the copyright terms.

      Thanks for asking.

  17. farvehar says:

    thank you…Your training is very smooth and even novice users can easily benefit from the training they need .
    very very thank’s

» Trackbacks/Pings

» Leave a Reply

(required)

(Will not be published) (required)