Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Applying a gradient to follow text on a path

New Here ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

A client asked us to re-create the gradient on text that follows a path. (see attached).  I have tried everything and can not make the gradient drop out red to black the same way on each letter. Do I have to apply the graident to each letter seprately or is there an easier way to create this gradient in Illustrator.  We need the file in a vector format when finished.

 

image003 (1).png 

TOPICS
Draw and design, How to, Tools

Views

119

Likes

Translate

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

Enthusiast , Feb 03, 2021 Feb 03, 2021
Kim, Hi. Hmm . . .  are you perhaps working with a Linear Gradient???You need to create a Radial Gradient. Follow Monika instructions.I also put on an upper lock layer, the original circle with crosshairs to show the true center.It’s just a guide for me when using the Gradient Tool.I did the upper text first with the Gradient ToolThen the lower text next.Both using the same Gradient Swatch. K

Likes

Translate

Translate
Adobe Community Professional ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

This is a logo, right?

The text is aligned to the circle exactly?

Do you need the text to be editable?

If not, outline it and apply the gradient. Make sure all the text is one compound path. Adjust the gradient withthe gradient tool.

Likes

Translate

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
New Here ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

Yes - and that is what I already tried. I can not get the gradient to apply correctly with the same angle on each letter. (like the sample shown). 

Likes

Translate

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
Enthusiast ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

Kim, Hi.

 

Hmm . . .  are you perhaps working with a Linear Gradient???

You need to create a Radial Gradient.

 

Follow Monika instructions.

I also put on an upper lock layer, the original circle with crosshairs to show the true center.

It’s just a guide for me when using the Gradient Tool.

I did the upper text first with the Gradient Tool

Then the lower text next.

Both using the same Gradient Swatch.

 

K

Gradient.png

Likes

Translate

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
Enthusiast ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

Hindsight, could have made just one Compound Path instead of two. 😀

K

Likes

Translate

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
New Here ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

Thank YOU -- so much!!  Simple!

Likes

Translate

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
New Here ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

LATEST

Thanks for the screen capture -- so helpful to see how you were setting it up. Got it done in less than 2 minutes.  I appreciate your time!

Likes

Translate

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