Glossy Text Photoshop Tutorial


This is our second tutorial on the subject of making glossy text, this is another simple technique you can use for website headers or logos with just a few layer effects.

View our other “>gloss text tutorial.

To start off, make a gradient background and add your text to it in the typeface of your choice - for this tutorial we have used Franklyn Gothic Heavy :

14.jpg

Once your text is created, right click the text layer in the layer window and select ‘blending options’ and apply the following effects :

21.gif

3.gif

41.gif

51.gif

Next up, select the pen tool and draw zig-zag accross the text like so :

63.jpg

Make the lines join up and then right click and choose ‘make selection’ from the box that appears :

74.jpg

Fill the selection with a white to blue gradient, then hold down ctrl + click on the text layer in the layer window and you will have :

84.jpg

Then choose select > inverse from the menu and press delete and you will be left with this :

93.jpg

Now just take the opacity down on the highlight layer to this setting :

102.jpg

That is the final step, you should now have some nice glossy text :

final.jpg

You can also download the psd for this tutorial.

del.icio.us:Glossy Text Photoshop Tutorial digg:Glossy Text Photoshop Tutorial spurl:Glossy Text Photoshop Tutorial wists:Glossy Text Photoshop Tutorial simpy:Glossy Text Photoshop Tutorial newsvine:Glossy Text Photoshop Tutorial blinklist:Glossy Text Photoshop Tutorial furl:Glossy Text Photoshop Tutorial reddit:Glossy Text Photoshop Tutorial fark:Glossy Text Photoshop Tutorial blogmarks:Glossy Text Photoshop Tutorial Y!:Glossy Text Photoshop Tutorial smarking:Glossy Text Photoshop Tutorial magnolia:Glossy Text Photoshop Tutorial segnalo:Glossy Text Photoshop Tutorial gifttagging:Glossy Text Photoshop Tutorial

15 Responses »

  1. hola

  2. Awesome look. I love it

  3. Does not work…cant get past the:

    “Then choose select > inverse from the menu and press delete and you will be left with this :”

    I can not get the selection with the ctrl+click, what am i doing wrong here?

  4. Hi,
    On the step where I make a selection with the pen tool and then try to do a gradient fill, I get the following message:
    “Could not use the gradient tool because the content of the layer is not directly editable.”

    Any thoughts what I’m doing wrong? Thanks.

  5. its fine

  6. Excuse, and what you think concerning forthcoming elections?

  7. This is a great look. easily done :)

  8. cool blog!

  9. cool blog!

  10. nice photos of this blog

  11. As Mike said before, when trying to use the gradient on a pen selection, I get “Could not use the gradient tool because the content of the layer is not directly editable.” Any help would be appreciated.

  12. Very nice tutorial thanks.

  13. i got it to work, but you have to know you way around photoshop to get it to work. first all you have to resterize the pen path, than you can create gradient. than ctrl + click did not really work for me, so i selected text with magic wand and got it to work. thanks for the tutorial helped me a lot

  14. Nice tutorials.
    Cheers!

  15. Nice tutorial im going through alot of your tutorials and i think they are all great. Give me a view of what i may need to do on my site to.

Ad-Links

Translate