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

Gradient for curved text

New Here ,
Sep 02, 2023 Sep 02, 2023

Hello all,
Assigning a colour gradient to a normal text works without problems.
Rectangle with gradient, then the text over it and finally create a cut mask.
But as soon as I try it with a curved text, it doesn't work - no matter what I try.

Can you help me?

Thanks a lot!

TOPICS
Draw and design , How-to
1.1K
Translate
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
Adobe
Community Expert ,
Sep 02, 2023 Sep 02, 2023

Do you mean text along a curve or warped text?

Translate
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 ,
Sep 02, 2023 Sep 02, 2023

Warping text it becomes an envelope in the layers. 

Translate
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 ,
Sep 02, 2023 Sep 02, 2023

When you say curved text are you meaning type on path or text with an envelope distortion?
An Envelope distort cannot be used as clipping mask, but can be used as opacity mask. 
If you select the envelope in the layers panel you should be able to add a gradient to it's appearance in the appearance pannel. See screenshot. 
Screenshot 2023-09-02 at 23.20.40.pngexpand image

Could you show a screen shot (with layers and appearance panel showing)? You should be able to do this without a clipping mask (unless it is a freeform gradient)

Translate
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 ,
Sep 02, 2023 Sep 02, 2023

As Lukas already mentioned, no need for masks.

It is best to remove the default black fill for the text and set it to none.

Add a new gradient fill in the Appearannce panel and distort it (with optional distorting the gradient in the Envelope options) or put it along a path.

Screenshot 2023-09-02 at 23.45.52.pngexpand image

Translate
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
New Here ,
Mar 11, 2025 Mar 11, 2025

Distort it how? I'm trying to ahieve the top word CURVES in your screen shot above. But i am only getting the bottom results. 

Translate
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 ,
Mar 11, 2025 Mar 11, 2025

Use an envelope (not the effect)

Edit the envelope options so that they distort linear gradients

Translate
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
New Here ,
Mar 11, 2025 Mar 11, 2025

I have my type in an envelope warp (see image atatched) 

Translate
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 ,
Mar 11, 2025 Mar 11, 2025

Go to the envelope options and set them up to distort linear gradients.

Translate
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
New Here ,
Mar 12, 2025 Mar 12, 2025

I found the panel, then when selected the gradient stays the same... 

 

Translate
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 ,
Mar 12, 2025 Mar 12, 2025

I can't reproduce that.

Maybe rebooting the computer and resetting the preferences helps. You will lose your settings with the latter.

 

You could also share the AI file.

Translate
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
New Here ,
Mar 12, 2025 Mar 12, 2025

You cant reproduce a simple envolope warp with arch effect and a 2 color gradient applied? 

Then maybe i am asking for help in the wrong place. Thanks. 

Translate
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 ,
Mar 12, 2025 Mar 12, 2025

Monika can't reproduce the issue you are having, rather than the object. I can't either:

DougARoberts_0-1741787921807.pngexpand image

Top to bottom: text with gradient fill, envelope applied (distort linear gradients off), envelope applied (distort linear gradients on).

Translate
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
New Here ,
Mar 12, 2025 Mar 12, 2025

Wow.... seems to be a deeper issue then 😕 thanks though! 

Translate
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 ,
Mar 12, 2025 Mar 12, 2025

Can you share the file?

Translate
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
New Here ,
Mar 12, 2025 Mar 12, 2025

Fixed! I had applied the gradient after the envelope warp, when i should have applied the gradient before warping and that worked! thank you both for youtr time and help 🙂 

Translate
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
New Here ,
Sep 02, 2023 Sep 02, 2023

Hello,

thank you for your fast help.

It works and I'm happy 🙂

Translate
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 ,
Sep 03, 2023 Sep 03, 2023

Good to hear that helped.

Translate
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
New Here ,
Mar 11, 2025 Mar 11, 2025

Distort it how? I'm trying to acheive the CURVES you have at the top of your screen capture Ton. 

Translate
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
Advocate ,
Mar 12, 2025 Mar 12, 2025
LATEST

Bonjour à tous,
@river23318524kl8r vous devez y arriver en lisant bien dans le détail ce que @Ton Frederiks  a expliqué...

//-------------------

Comment trouvez vous ce texte ??

Il s'agit d'un texte vectorisé, donc non modifiable, traité à l'aide d'un script puis déformé en arc.

textcurved.JPGexpand image

Translate
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