Glossy Text Effect with Reflection

Glossy Text Effect with Reflection Date added: 23 Jun 2007
Listed in: Text Effects
Submitted by: sumsar
Views today: 1
Total view: 1936

In this tutorial we are going to be making this:

Glossy Text Effect with Reflection tutorial



First of all open up your canvas, I chose 500 x 120 as this is perfect for my text. Now place your text using the "Horizontal Type Tool".

Glossy Text Effect with Reflection tutorial



Too plain? Ok open up your blending options, do this by right clicking on your layer and choose "Blending Options..." at the top and configure with the following settings:

Glossy Text Effect with Reflection tutorial

Glossy Text Effect with Reflection tutorial

Glossy Text Effect with Reflection tutorial

Glossy Text Effect with Reflection tutorial



This will give you the following result. Of course you can choose different gradient settings.

Glossy Text Effect with Reflection tutorial



Now it's time to add some gloss to your text, this is easily done. With white as your foreground colour select the "Eclipse Tool" (right click the icon under the "Horizontal Text Tool") and create an eclipse like this:

Glossy Text Effect with Reflection tutorial



To get this looking right, change the opacity of your eclipse layer to 20% (drop down menu above the layers) and then right click the layer and choose "Rasterize Type". It should now look like this:

Glossy Text Effect with Reflection tutorial



Staying on the Rasterize Type hold down Ctrl + right click on the text layer. It should look like this:

Glossy Text Effect with Reflection tutorial



Now choose Select >>> Inverse at the top and then press delete. You should now have glossy text.

Glossy Text Effect with Reflection tutorial



Time to add the reflection. First of all we need to merge our layers together, do this by right clicking your layer and select "Merge Visible", or use Shift + Ctrl + E. Doing this will prevent you from messing up your glossy effect. Duplicate your merged layer by right clicking the layer and selecting "Duplicate Layer". Now click your duplicated layer (top layer) and click Ctrl + T.

Glossy Text Effect with Reflection tutorial



Below your Help menu at the top there is a properties dialog, copy these settings:

Glossy Text Effect with Reflection tutorial



Which results in:

Glossy Text Effect with Reflection tutorial



Now tap the down arrow a couple of times until you have something like this:

Glossy Text Effect with Reflection tutorial



Then hit the "Add Layer Mask" setting, Glossy Text Effect with Reflection tutorial, located below your list of layers.

Finally, get your gradient tool (press G) and choose the following gradient settings Glossy Text Effect with Reflection tutorial
then hold down Shift and pull your mouse upwards and you should get the following result:

Glossy Text Effect with Reflection tutorial



Well done, Simple eh? :)

 Tutorial Comments

You must be logged in to post a comment. Login or register now.


Comment Image

Python - 25 Jul 2007, 03:35 AM

Great tutorial!

Well done.