Glossy Text Effect Tutorial

Jan

Posted by Eljon in Tutorials.

It’s been a while since I last posted here. Well, Ive been busy with lots of things such as studies(o.O)/projects/exams, ‘fiesta’ , personal life, seo, facebook? and many more hehe. ^^, Now that I have this little time, I’m going to share this one simple text effect that i love in photoshop.

Just click ‘Read more’ to see the step by step procedures. Note: click on the images to see the full preview.

First make a new canvass with a size of your choice (in this tutorial I made a 640×480 canvass with black as background color). Then type the text you want to be glossy.

Open the text layer’s style window and copy the following settings.

Now, select the Pen Tool from the Tools Palette and make a path similar to the path on the image below.

Close the path and right click on it then choose Make Selection.

Make a new layer and select the Gradient Tool. Make a White to Transparent gradient then fill the selection. (White on top and going transparent downward.)

CTRL+click on the text layer while the new layer was chosen. Invert the selection by pressing CTRL+SHIFT+I or by going to Select -> Invert. Then press Delete.

Now Deselect the selection by pressing CTRL+D or by going to Select -> Deselect. And it’s all done! Your masterpiece should look like this.

Hope you enjoy this tutorial. If you have questions/suggestions just fill in the comment form below.

34 Responses to “Glossy Text Effect Tutorial”

Alex said:
Posted on January 19th, 2010 at 1:38 pm
nice! gogo

Reply
Eljon said:
Posted on January 19th, 2010 at 1:53 pm
hahaha tenx

Reply
PurpLeGurL said:
Posted on January 19th, 2010 at 2:18 pm
i Love it bEar tc always ..

Reply
Eljon Reply:
January 19th, 2010 at 11:02 pm
thanks bear ^^, u take care, too.

Reply
Orly said:
Posted on January 20th, 2010 at 12:42 am
nyc tuts hehehe ^_^ kip it up

Reply
Eljon Reply:
January 22nd, 2010 at 9:34 am
tnx orlytot

Reply
miszaizielicious said:
Posted on January 20th, 2010 at 12:59 am
witweeew!

Reply
Eljon Reply:
January 22nd, 2010 at 9:34 am
hi bes, napadaan ka ata? hehe ^^,

Reply
miszaizielicious Reply:
January 22nd, 2010 at 10:18 am
*haha., uu., di buh you posted your link., ni-like ko pa nga di buh kaya napadaan na rin ako., minsan dun din kay alex

Reply
Eljon Reply:
January 22nd, 2010 at 10:24 am
hehehe tenx bes, ung multiply mo? kamusta na? ^^,

Reply
miszaizielicious Reply:
January 22nd, 2010 at 10:27 am
*haha., no porb bes., multiply ko? aun, own layout na *haha., nag sikap ako dun *LOL.,

Reply
Eljon Reply:
January 22nd, 2010 at 10:32 am
ahehehe tingin tingin anu url bes? ^^,

Reply
miszaizielicious Reply:
January 23rd, 2010 at 12:41 pm
*hehehe., para bang pinaghirapan ko talaga un *haha.,

http://miszaizielicious.multiply.com

Reply
Eljon Reply:
January 31st, 2010 at 2:20 pm
nice bes. galing! ^^,

Reply
Nashyboy said:
Posted on January 21st, 2010 at 3:17 am
nice tuts!

it’s my first time here cheers! visit my blog

Reply
Eljon Reply:
January 22nd, 2010 at 9:34 am
ive visited ur blog na po ^^, pink na pink >.<
btw, thanks!

Reply
Nashyboy Reply:
February 4th, 2010 at 4:18 am
hahaha salamat )

Reply
glentot said:
Posted on January 21st, 2010 at 6:05 pm
Finally, a helpful, useful blog! I will definitely try your tutorials…

Reply
Eljon Reply:
January 22nd, 2010 at 9:32 am
hehehe thanks for the visit po. ^^, katuwa po ung blog nyo hehehe ang kewl.

Reply
mhetot said:
Posted on January 22nd, 2010 at 10:35 am
ybang!!! haha
might be a great help for others..

go3!!

Reply
Eljon Reply:
January 22nd, 2010 at 2:32 pm
tex oishi :p

Reply
richard said:
Posted on January 22nd, 2010 at 1:39 pm
nice one! i’ll try this…

Reply
Eljon Reply:
January 22nd, 2010 at 2:32 pm
thanks. share mo naman po ung ginawa mo if u tried ^^,

Reply
richard said:
Posted on January 23rd, 2010 at 11:42 am
nakakahiya. wag na, hehe

Reply
Eljon Reply:
January 31st, 2010 at 2:20 pm
hehehe wag na po kayo mahiya ^^,

Reply
aa gallery said:
Posted on January 25th, 2010 at 1:53 am
keren bgt sob blognya..sukses trs ya

Reply
ari craft said:
Posted on January 25th, 2010 at 1:55 am
salam kenal ya sob??blognya keren bgt

Reply
.poOt! said:
Posted on January 26th, 2010 at 10:10 am
I wish na makapagpa-install na ako ng photoshop sa PC ko. haiz. Wishful thinking dude, wishful thinking.

I have been busy with my thesis these past few weeks that I failed to visit your blog every now and then. Btw, watch out for my new entry tomorrow. For sure, it will be a “love-me-or-hate-me” post. Want a clue? Ok… Noynoy

Reply
Eljon Reply:
January 31st, 2010 at 2:19 pm
hehehe if need mo po ng serial meron me ^^,

gudluck din po sa thesis nyo. ^^

Reply
melody said:
Posted on February 2nd, 2010 at 6:14 am
wow!!! thanks for the info!!

Reply
Eljon Reply:
February 2nd, 2010 at 11:35 pm
thanks! np. ^^,

Reply
Nashyboy said:
Posted on February 4th, 2010 at 4:18 am
hey thank you for dropping by keep up the good work spread the web design loveee

btw

keep in touch hahaha

Reply
The Rookie Blogger said:
Posted on February 10th, 2010 at 11:28 am
I tried this in my thesis… the only difference is that I applied it in buttons… ahehehehe

Reply
blak said:
Posted on February 21st, 2010 at 8:18 pm
kuya eljon help doon sa tool palette nahihirapan ako ano gagamitin ko doon ah

Reply

Eljon.Org

I am Eljon, an Electronics and Communication Engineering student, a frustrated web developer/designer, and a certified coffee addict. I also love exploring the world wide web, discovering things accidentally. >.<