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.

Preview

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. More of his work can be viewed at GraphicMonkee.

43 Comments

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

  2. wow cool effect!!

  3. great effect! cool!

  4. Matavia Porter

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

  5. omalisette

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

  6. sandeep

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

  7. Wow
    Awesome,…Thanks

  8. Nathan Brown WoW Great !!!!!!!!!!!!!!!!

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

  10. onton

    kicks butt! thnx

  11. Giovanni

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

  12. abde

    wow, thanks

  13. pasindu

    nice one great looking

  14. Pranjal

    I want it with transparent background Plz help

  15. Lucy

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

  16. Great, i like that font design.

  17. Love it.

  18. Olek

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

  19. Nice tutorial. good work thanks
    visit

  20. Student

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

  21. Asakato

    great tutorial! thanx ^^

  22. Nice. Very well explained.
    Thanks

  23. River

    How do you do the glare?

  24. It’s great. Thanks for sharing

  25. Very nice tutorial. thanks a lot.

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

  27. Illusion

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

  28. kelly

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

  29. Amir Hamza

    Awesome tutorial
    Very detailed
    Great for every kind of photoshopers

  30. Larisa

    awesome – thanks!!!

  31. perro

    Big thank you man ! Great tutorial, very useful.

  32. Vipin

    Awesome tutorial Thanks

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

  34. shazni

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

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

  36. 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!

  37. Kholid

    Mantap Broo , jadi inspirasi saya lanjutkan…

  38. anh duc

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

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

  40. ALMA

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

  41. thank you for this technical
    for more tuto
    http://bit.ly/1A0YzlO

  42. Rien Galzer

    THANK YOU VERY MUCH..THIS IS AWESOME!

Leave your comment

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