How to Make Gradient Text (PhotoShop Tutorial)

Background image from ShutterStock.

Background image from ShutterStock.


Making gradient text with Adobe PhotoShop may not seem as intuitive as it could be.

As I have the Adobe Creative Cloud, my tutorial will specifically show how to make gradient text using PhotoShop CC 2015, but it works similarly with other versions of Adobe PhotoShop.


If you haven’t already done so, first add text. One way to add text is to use the Horizontal Type Tool on the toolbar.

Gradient Add Text

(Click on an image if you wish to view it larger.)

With the text layer selected and the type tool selected, adjust the font style and size to your liking in the top toolbar.


Set the foreground and background colors in advance. One way to adjust these is to click the Set Foreground Color or Set Background Color tool on the toolbar.

Gradient Fore Back

Alternatively, you can choose from one of the default gradients or a gradient that you have saved previously.


To create gradient text, right-click on the text layer from the list of layers at the right.

Gradient Layer

Choose Blending Options at the top of the list.

Find Gradient Overlay on the left side of the pop-up. Don’t check the box. Instead, click the + button.

Now the Gradient Overlay options will appear on the right side of the pop-up. Click on the dropdown menu next to Gradient. You can select the simple two-color gradient using the foreground and background colors, or you can choose one of the default gradients or a gradient that you’ve added previously.

You can also adjust other options, such as Style and Angle.

Gradient Text

Write happy, be happy. ๐Ÿ™‚

Chris McMullen

Copyrightย ยฉ 2015

Chris McMullen, Author of A Detailed Guide to Self-Publishing with Amazon and Other Online Booksellers

  • Volume 1 on formatting and publishing
  • Volume 2 on marketability and marketing
  • 4-in-1 Boxed set includes both volumes and more
  • Kindle Formatting Magic (coming soon)

Follow me at WordPress, find my author page on Facebook, or connect with me through Twitter.


Click here to jump to the comments section.

12 comments on “How to Make Gradient Text (PhotoShop Tutorial)

  1. Pingback: Using Gradient – Graphic Design 2

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s