Glossy Text Tutorial - Photoshop

  • Posted by Ljudkort on August 25th, 2007 filed in Photoshop

Create a new document in photoshop with the dimensions:


Choose a nice font and use the color black for a good effect:

Add these layerstyles:

Now create a new layer like this:

Now make a selection like this and fill it with 30 %  opacity - White

Now select the text layer and select everything but the text:

Then select the top layer again and press delete to delete all the white outside of the text!

Now merge layers, and duplicate the layer you get

Then free transform this layer and set these settings

 

Put the second textlayer which is upside down just below the first one, and then add a white gradient to it so it looks like this:

I hope you enjoyed this tutorial, please take a look at the others as well!

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Reddit
  • Technorati


13 Responses to “Glossy Text Tutorial - Photoshop”

  1. Helga Says:
    September 7th, 2007 at 9:57 am

    What a nice Tutorial!! Looks so cool but I would like to know what font is that, cause’ it’s never the same without it. :)

  2. Response to Helga Says:
    September 7th, 2007 at 7:48 pm

    helga, the effect works well with any bold/fat font face (impact, etc.)

  3. eXcellent Says:
    September 10th, 2007 at 7:39 am

    Good tutorial

  4. Anon. Says:
    September 12th, 2007 at 7:03 am

    This tutorial makes no sense..

    “Now select the text layer and select everything but the text:”

    Right.

  5. Tim Says:
    October 7th, 2007 at 9:46 pm

    Anon,
    you can see what he means in the picture under that.

    he means ctrl+click the icon next to the name of the text layer to select the text and press ctrl+shift+i to invert the selection. it deletes the white around the text

  6. DevPunk Says:
    November 7th, 2007 at 6:27 am

    This g00d tutorial.
    other method I learn :)

  7. Peter Says:
    November 18th, 2007 at 7:20 am

    I got the the last part but how do I add the white gradient?

    “Put the second textlayer which is upside down just below the first one, and then add a white gradient to it so it looks like this:”

  8. samir lotfi Says:
    December 18th, 2007 at 12:31 am

    great job thanks a lot

  9. Angus Says:
    January 25th, 2008 at 1:25 pm

    Hmm.
    I can’t do anything after the layers.
    Someone explain better?

  10. Matt Says:
    February 17th, 2008 at 1:56 pm

    Thanks so much for this tutorial. It was a massive help.

  11. Says:
    May 20th, 2008 at 6:03 pm

    None…

    None…

  12. Velizar Says:
    November 6th, 2008 at 6:55 am

    Long this is not met.

  13. unblock Websites Says:
    January 3rd, 2009 at 11:01 am

    thanks for the cool tip. could u tell which font u r using?

Leave a Comment