Category Archives: Text Effects

Most Popular Tutorial on the site.

In case you have missed this one.
It is the most popular tutorial on Photoshopcandy to date. It has been hit over 100,000 times! The shiny floor effect is still going strong. I thought you may like the tutorial. If you haven’t seen this yet. This one I tried something new – I don’t always like the way tutorials are written out – they can get boring and not easy to follow. So in this one I am not going to talk much…
Read Full Tutorial

Psd of the day – Hot text with rays of light.

Here it is:

This is not a tutorial: For this one I used a small tight diagnal patter as the background floor. Instead of my usual thick ones. I used impact as the font and I gave it the used up – shiny floor effect. (shiny floor tutorial can be found here).
To make the rays of light i used the polygon selection marquee tool and drew out two trangles and filled them with a gradient white to transparent. You can pick up the free psd here.

THE SHINY FLOOR EFFECT so fresh and so clean web2.0 – yummy

Here is another photoshop web 2.0 style graphic tutorial.

the finished Product

This is what we will be doing …now that is a clean floor. This one I tried something new – I dont always like the way tutorials are written out – they can get boring and not easy to follow. So I am not going to talk much…

here is the process:

the process

so how is it going? shall we move along?

The continuation

and now the finally.

Teh finalle

And how can i forget the free psd file!

PSD comes with all layers intact…and it’s free for use and reuse … until you cant stand it no more!
Now how was that tutorial.? I hope to hear some feedback on that one…. was it clear and easy to follow? did you get the job done? Photoshop tutorials can sometimes be a real pain when there is too much text to read – So I guess I am trying to minimize the text and go more visual. Since it is not video this is what we got.


glossy text tutorial


Glass Badge


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

Download The Free PSD Here, all you have to do is pay with a Tweet or Facebook Call-out: