Home » Graphics » How to add gradient to text in Photoshop

How to add gradient to text in Photoshop



Adding gradients to text tremendously improves the beauty of your text, and you can especially use gradients in text while creating website logos and headers.

In Photoshop it is very easy to add gradient to text. Write the text in whatever font you feel like. I have purposely chosen a black background to highlight the gradient effect. You can create a dark background by opening a new Photoshop document, choosing the layer color as black (let’s say), filling the entire area with a big square and then flattening the image (Layer->Flatten Image).

gradient-text1

After writing the text, go to the layers panel and double click the layer containing this text.

gradient-text2

When you double click on this layer, this window opens up:

gradient-text3

The option highlighted with red is the one that is going to add the gradient to your text. Don’t just check the checkbox because then you’ll simply be able to add the default gradient, instead click on the text “Gradient Overlay” and your window changes to this:

gradient-text4

You can play around with this option to see what sort of gradient effect you want. You can also try to change the opacity and scaling to see how it looks. Our final gradient to text effect appears like this:

gradient-text5

6 thoughts on “How to add gradient to text in Photoshop

  1. Pingback: PSD Business Card « Ps Galaxy – Free PSD Files and best photoshop … | Freebies Uncovered

  2. Rhys

    I swear my Photoshop is broken, I’ve never been able to do anything when double clicking a layer, and there doest seem to be any other way to open the layer styles that I’ve found? I’m also missing some small buttons at the bottom of the layers tab…

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>