The Glossy TEXT web2.0 style

Remember – reading and doing is the best way to learn…anyways…Today I will be talking about and even giving some tips about the “way too famous” Glossy text EFFECT – something like this:
Finished product

over used on web2.0 logos…but how can it not be – it is just so NICE! – I am sure you have all seen it out there – I also know that there are many more than one way to do this effect – that is one of the countless awesome things about photoshop. “To each his own”.
NOw here is how this will work.

I will give detailed explanations – along with one image of the whole process – and if that still dont work you are free to take the psd -and use it however you like.
Begin: CTRL N – to open new doc.
choose your document size and click OK.

anyone who is using a mac it is COMMAND instead of CTRL.

Here goes:

1. using the Type tool – write out the text that you want to glossify .

Keep in mind that most of these text effects are very bad for running text but rather for titles, logos, headlines etc.. The Best fonts for this effect are the more THICKER fonts …trying to put this effect on a slim font doesnt always look as cool as we want…although it is all possible.

2. SHIFT +CTRL + N to add new layer – name it whatever you like – I call it gloss.

while the “gloss” layer is selected. Hold down on CTRL and click on the layer which your TEXT is located on (you should be clicking directly over the T icon on the text layer)

3. The “gloss” Layer should be the one which is currently active (blue)
Go to the “SELECT>>MODIFY>CONTRACT enter 1 or 2 pixles.

Now go get the eliptical marquee tool.

While holding down on alt+shift drag a horizontal oval over the top area of your selected text (apprx 1/3 of the top of your text should be selected)

now grab the gradient tool (from fill to transparent) make the fill color a light shade of the color of yo text , in my case it is a pinkish white. Now from the top of the text drag down halfway and voila…

you can add more shines of white while keeping that top area selected – whatever looks better -just play around with it.

Here was the process in image form:

The process

Still doesnt do it for you ? Here is the PSD : go pick it to bits…
Download the PSD free – Just pay with a tweet.

Related Posts with Thumbnails

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.


Thank you so much for sharing your great talent dude, this I really a great help to all aspiring web and graphic designers. Keep it up and share more nice ideas. Your cool dude.

Hey thanks. Very helpful. Nice with some down-to-earth tutorials.

Не только у тебя такое.

thats great tutorial

Если кто игровыми апппаратами интересуются, пишите мне в личку.

Blog walking.

very nice blog 😀 Estetik
Notebook Servisi
.-= estetik´s last blog ..Tüp Bebekte Gebelik Oranlarımız =-.

[…] Hello Readers, This is a link to the tutorial for making a glossy text effect. Glossy Text Effect The tutorial can be seen here […]

Nice technique, been looking for a tutorial on this.
.-= Blogging Virgin´s last blog ..Why You Should Launch Your Blog as Soon as Possible =-.

[…] The Glossy TEXT web2.0 style […]

Мне все очень понравилось. Автор молодец.

Great post. I bookmarked your blog.Thanks 🙂

I’m seeing mentions show up in my timeline that are missing from my @ mentions …so frustrating! Pls fix this API issue @twitter!

I will try with my photoshop if i can do for myself
.-= RU Charter | Alquiler de barcso´s last blog ..Enlaces =-.

Great post. I bookmarked your blog.Thanks
.-= RU Charter | Alquiler de yates´s last blog ..Enlaces =-.

very nice tutorial appreciate your hard work 🙂
.-= Rehan Khan´s last blog ..FarmVille Legends Lighthouse Cove Pirate Quest Master Guide =-.

Im by employing a little issue I cant subscribe your feed, Im using google reader fyi. My mate and that I actually have been simply talking over this wonderful topic, she happens to be frequently endeavouring to prove me incorrect! i’ll show her this type of post let alone rub it in the little!

I lately stumbled on your net net site and have been reading along. i assumed i might leave my very first comment. Nice blog. i will be able to keep visiting this web site really regularly.

Thanks a bunch for sharing this with all of us you actually realize what you are speaking approximately! Bookmarked. Kindly additionally seek advice from my web site =). We can have a hyperlink trade contract among us!

Decent site! As i truly take pleasure in the correct way it will be simple at a eye lids additionally, the knowledge can be well crafted. I’m thinking about can easily could be notified when an alternative blog post was crafted. I’ve fell with your feed which inturn have got to have the desired effect! Have a very good great afternoon!

Thanks for posting this info. I love the text effect that you mentioned! I’ll use this on my bottle cap jewelry.

Cool tutorial. Thanks mate, i will use this technique in my new badge!

Leave a comment



اسماء بنات