Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
5

Create Gradient Text Using Photoshop

Explorer ,
Oct 15, 2023 Oct 15, 2023

Copy link to clipboard

Copied

Hi Guys,

I am hoping someone there can help me with the whys and wherefores of creating gradient text in PS.  I have been sitting for about the last hour trying to figure it out without success.  I am trying to create a gradient that goes from left to right across the text that starts as pale yellow and ends as a deep orange.  I've included the image that it will be used with to give you an idea where my head is.  Thanks In Advance for any help you can provide.

 

TOPICS
Windows

Views

41.7K
Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 15, 2023 Oct 15, 2023

Is the demo below what you’re looking for?

 

If so, the steps are:

1. Open the Gradients panel (choose Window > Gradients), find the gradient you want, and drop it on the text. Or, if the text layer is selected, just click the gradient you want.

2. The gradient is applied as a Gradient Overlay layer style attached to the text, so to edit it, double-click it in the Layers panel.

 

(Sorry about the color quality, it looked better before uploading…looks like the forum software recompresses GIF anim

...

Votes

Translate
Adobe
Community Expert ,
Oct 15, 2023 Oct 15, 2023

Copy link to clipboard

Copied

Is the demo below what you’re looking for?

 

If so, the steps are:

1. Open the Gradients panel (choose Window > Gradients), find the gradient you want, and drop it on the text. Or, if the text layer is selected, just click the gradient you want.

2. The gradient is applied as a Gradient Overlay layer style attached to the text, so to edit it, double-click it in the Layers panel.

 

(Sorry about the color quality, it looked better before uploading…looks like the forum software recompresses GIF animations)

 

Photoshop Shane32497352rwsq text gradient.gif

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 16, 2023 Oct 16, 2023

Copy link to clipboard

Copied

Nice job Conrad.  I especially like how you have adapted the UI to fit the image keeping your GIF nice and compact.

 

 

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 16, 2023 Oct 16, 2023

Copy link to clipboard

Copied

LATEST

Thank you Conrad, this will help me alot.  You pretty much nailed what I want to do concept wise.  Different text fonts and position.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines