Photoshop Quick Tip: Ultra Glossy Text Effect

Photoshop Quick Tip: Ultra Glossy Text Effect

Really shiny beveled text is cool, and eye catching. When I come across effects like this I always stop and try to identify the layer styles that were used to achieve the look. The fact is you can create a very complex look with just a few layer styles. In this Quick Tip, I’ll show you just how easy it can be.


Here’s a look at what we’ll be working to achieve.

Step 1

Create a new document 700px width and height at 72 dpi. Lets start with a really cool background image. I chose a wood panel texture for mine, I grabbed it from this set. If you’re not a WeGraphics member, you can use any wood texture or even a subtle paper texture that you may have laying around. I desaturated ( Shift+Cmd+U ) my texture to make it a bit darker.

I also added a new gradient adjustment layer with the following gradient.

This makes the fade to black at the top and bottom of the background. That’s all we need to do for the background.

Step 2

You can use any font for this effect, but I’m a fan of Lobster, so I chose that font to create this effect. Create a new Type Layer with the Type Tool (T) and type something large enough to span the majority of our document.

Lets start applying our layer styles. First up is a really thick drop shadow.

Next is a subtle blue Outer Glow.

Now for the beveled edge.

Double click the Gloss Contour thumb and create a contour similar to mine. It doesn’t have to be exact. You may want to adjust it a little depending on the font you chose.

Now lets add a light blue Color Overlay and a Gradient Overlay. You won’t be able to see these effects applied just yet because of the blend modes that we are setting. But that will all change after adding the Pattern Overlay.

And the Gradient Overlay.

Press Okay and save the newly applied layer styles.

Step 3

For the Pattern Overlay, I used an image that I found here.

I desaturated the image ( Shift + Cmd + U ) and applied a Spherize Filter ( Filter | Distort | Spherize ) with amount set to 100%.

Next I gave it a slight radial blur ( Filter | Blur | Radial Blur ) with amount set to 15.

Now save this image as a pattern ( Edit | Define Pattern ). You can leave the name set to Pattern 1.

Now back to our layer styles… It’s time to add the Pattern Overlay. Choose our newly created pattern from the drop down.

Use your cursor to adjust the patterns position over the text while the Pattern Overlay dialog box is still open. You should have something similar to the image below.

Our last layer style to be applied is a gradient stroke.

As a final step, and to add a bit more shininess, I like to take a soft white brush and paint a bit of glare on the highlights. Do this on a layer above the text layer.

The completed effect.

Related Posts

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Nathan Brown

Nathan Brown is a graphic designer who loves working with various media. He combines traditional art styles with a little experimentation and digital flare. Nathan's works have contained everything from ink and paint to leaves and a box of dirt. Everything is fare game when it comes to his approach to art. Nathan lives in Austin, Texas where he has been working as a designer for 10 years.


(+add yours)
  1. Wonderful tutorial, Nathan. It inspired and idea for a client. Cheers!

  2. wow cool effect!!

  3. Matavia Porter

    Great use of the image, never thought to manipulate it in this way. Awesome Sauce!

  4. omalisette

    Great . I like to do text tutorials. This one is very special.

  5. sandeep

    beautiful tutorial. i like to do this work, once thanku very much

  6. Wow

  7. Nathan Brown WoW Great !!!!!!!!!!!!!!!!

  8. Very lovely. I just implemented it on a project. Will send a link when available.

  9. onton

    kicks butt! thnx

  10. Giovanni

    hey men is perfect but for the image, It have a password, could you give me it??? TKS

  11. abde

    wow, thanks

  12. pasindu

    nice one great looking

  13. Pranjal

    I want it with transparent background Plz help

  14. Lucy

    Absolutely superb. Followed it easily and found it very inspiring. Very grateful to you sir!

  15. Great, i like that font design.

  16. Love it.

  17. Olek

    Thanks man! I’m getting paid for making these kinds for people! :)

  18. Nice tutorial. good work thanks

  19. Student

    Great tutorial!
    Nice effect and very well explained, helped me alot.

  20. Asakato

    great tutorial! thanx ^^

  21. Nice. Very well explained.

  22. River

    How do you do the glare?

  23. It’s great. Thanks for sharing

  24. Very nice tutorial. thanks a lot.

  25. I was looking at some of your content on this site and I believe this internet site is very informative! Keep posting.

  26. Illusion

    I Dont Understand Final Step,,Do how Final Step?plz tell me someone

  27. kelly

    Would love if you could make this for me using the text : Lust for lacquer

  28. Amir Hamza

    Awesome tutorial
    Very detailed
    Great for every kind of photoshopers

  29. Larisa

    awesome – thanks!!!

  30. perro

    Big thank you man ! Great tutorial, very useful.

  31. Vipin

    Awesome tutorial Thanks

  32. Thank so much!!! Very very cool effect. Keep up the good work.

  33. shazni

    Thanks a lot man!! really helpful..
    is just bad I’m not using cs6 yet..

  34. Thank you very much., You are a good writer.
    In addition to art that will give you good
    I congratulate you

  35. Domenic

    Thank you for a tutorial which I can actually follow to create an effect that I can use on any text and it looks absolutely superb!

  36. Kholid

    Mantap Broo , jadi inspirasi saya lanjutkan…

  37. anh duc

    exercuse me, i couldn’t do this final step. Can you tell more detail, please ?

  38. Really cool effect… Nice Sharing… Can’t express my feelings after seeing this tutorial…

  39. ALMA

    Amazing tutorial. Thank you very much guys , you are great . This was so much fun !

  40. thank you for this technical
    for more tuto

  41. Rien Galzer


  42. Jenny Graves

    How did you do the “glare” at the end. You kind of skipped how to do that.

    • Hi Jenny… As a final step, and to add a bit more shininess, I like to take a soft white brush and paint a bit of glare on the highlights. Do this on a layer above the text layer.

  43. omar mdz

    great tutorial for an incredible text effect!! let’s play a litlle bit with the overlay color, i’m looking for a fluorescent green, thanks!!

  44. If some one wants to be updated with newest technologies afterward he must be go to see
    this web site and be up to date every day.

  45. Carlos Alberto

    Parabéns pela excelente aula . Realmente, este site também é maravilhoso. O nível alto dos integrantes no dá prazer em adquirir conhecimento . Um abração pra todos

  46. Nathoj

    Excelente!! :D

  47. Teodor

    Dude, it’s an amazing effect, but just tell me, is there an easy way to explain how to do the Glass contour format, I’m not being able to do it. Thank you.
    Nice job, Nathan.

    • Teodor

      You could send me the brush format… and then I load it on the glass contour formatting part.

  48. llama

    Thanks bruh it helped alot,

Leave your comment

You must be logged in to post a comment.

© Copyright 2015 - All rights reserved. Design and code by WeGraphics Team