Post: Glossy text tutorial
04-21-2011, 04:03 PM #1
t0asty
Web Dev / Security
(adsbygoogle = window.adsbygoogle || []).push({}); Ok, so i made this for a GFX blog i started but i cant be arsed anymore so ill just post my tutorials in here instead Smile

In this tutorial you will learn the basic's of creating a professional "glossy" look on your text in literally no time at all. Well, what are you waiting for? Begin below. :whistle:

Ok, Start by creating a new Photoshop document (any size, but i'm using 500, 250 pixels)

You must login or register to view this content.

Than add you text, if you want to know the font i used was "impact" and the size was "100pt" and the color code was "49abe4"

You must login or register to view this content.

Now we have our text we can proceed. Add a new layer (CTRL + SHIFT + N), right click the new layer and choose "create clipping mask"

You must login or register to view this content.

Head on over to your eclipse tool and drag it onto the area you want to be "glossy", be careful not to highlight too much; a good guide would be around 40% of the text / object should be highlighted.

You must login or register to view this content.

Next step is to apply a white overlay, you can do this via either the brush tool or what i did was simply use the fill tool. Once you have that out of the way you can remove the selected area by pressing (CTRL + D). Now you will be left with this:

You must login or register to view this content.

Doesn't really look "glossy" no does it? Well we havent finished yet!, to bring out the "glossy" look you will need to drop the oppacity down; The ammount varies depending on color, size, Ect.. but for this example i set it to 27%.

You must login or register to view this content.

Done! Smile

Now if you want you can add any extra effects you please. Here is the finished product:

You must login or register to view this content.

You must login or register to view this content.
(adsbygoogle = window.adsbygoogle || []).push({});

The following user thanked t0asty for this useful post:

04-28-2011, 03:07 AM #11
Originally posted by Lewbo11 View Post
lulwhut? :derp:


LOL. I mean't reflection.
05-02-2011, 12:47 AM #12
IL--U--IK--IE
At least I can fight
Originally posted by Lewbo11 View Post
Ok, so i made this for a GFX blog i started but i cant be arsed anymore so ill just post my tutorials in here instead Smile

In this tutorial you will learn the basic's of creating a professional "glossy" look on your text in literally no time at all. Well, what are you waiting for? Begin below. :whistle:


Thanks for the tutorial :y:

I'm a Photoshop n00b so I'm trying to improve. Here is my first try using your tutorial:
You must login or register to view this content.
05-02-2011, 03:55 AM #13
t0asty
Web Dev / Security
Originally posted by keemo View Post
LOL. I mean't reflection.


Its added afterwards, to do it google is your friend, and ill make a tut another day.

Originally posted by IE View Post
Thanks for the tutorial :y:

I'm a Photoshop n00b so I'm trying to improve. Here is my first try using your tutorial:
You must login or register to view this content.


Looks awesome bro. :y:
05-11-2011, 01:30 AM #14
The_Platypus
Live Life, Play Cod
Originally posted by Lewbo11 View Post
Ok, so i made this for a GFX blog i started but i cant be arsed anymore so ill just post my tutorials in here instead Smile

In this tutorial you will learn the basic's of creating a professional "glossy" look on your text in literally no time at all. Well, what are you waiting for? Begin below. :whistle:

Ok, Start by creating a new Photoshop document (any size, but i'm using 500, 250 pixels)

You must login or register to view this content.

Than add you text, if you want to know the font i used was "impact" and the size was "100pt" and the color code was "49abe4"

You must login or register to view this content.

Now we have our text we can proceed. Add a new layer (CTRL + SHIFT + N), right click the new layer and choose "create clipping mask"

You must login or register to view this content.

Head on over to your eclipse tool and drag it onto the area you want to be "glossy", be careful not to highlight too much; a good guide would be around 40% of the text / object should be highlighted.

You must login or register to view this content.

Next step is to apply a white overlay, you can do this via either the brush tool or what i did was simply use the fill tool. Once you have that out of the way you can remove the selected area by pressing (CTRL + D). Now you will be left with this:

You must login or register to view this content.

Doesn't really look "glossy" no does it? Well we havent finished yet!, to bring out the "glossy" look you will need to drop the oppacity down; The ammount varies depending on color, size, Ect.. but for this example i set it to 27%.

You must login or register to view this content.

Done! Smile

Now if you want you can add any extra effects you please. Here is the finished product:

You must login or register to view this content.

You must login or register to view this content.


Cool but could you teach us how to do the reflection thing
05-15-2011, 08:16 PM #15
Thank you very much! Very nice stuff!
05-23-2011, 07:14 PM #16
t0asty
Web Dev / Security
Sowwy guyz :(

Ive neglected this thread a bit due to work so ill have the reflection tutorial up soon!
06-01-2011, 11:41 AM #17
You have no idea how much you helped me. Keep em' coming bro!

Here's the finished version:

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo