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

What's the best way to add gradient to text so each letter is rendered separately?

Participant ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

I'd like to add a gradient to some live text and have the gradient applied individually to each letter.

Is this possible or do I have to expand the text and ad it to each expanded letter individually?

Views

1.8K

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
Adobe
Guide ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

do you want all letters to have the same gradient or to be a part of the common gradient line (e.g. red letter - orange letter - yellow letter etc.)?

Votes

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
Participant ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

Hi Anna, I'm vaguely remembering a feature in Flash (I think) that allowed you to set whether you had your gradients applied to each object individually or have the gradient applied across the whole group of objects.

Was just wondering if there was something like it in Illustrator that I'm missing as it seem like they're both Adobe vector apps so maybe they'd behave similarly?

Votes

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
Participant ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

OK- tried the Graphic Styles method but I just could get it to work- the live text letter just comes up black. I'll have to look more in to this , thanks all.

Votes

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
Community Expert ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

The Graphic Styles idea is pretty good, but you won't be able to select individual letters to apply a gradient to each one. I'm not sure what you're wanting for an end result, but you could try applying the gradient to all the text then editing the gradient to add stops about where it would affect each letter.

Votes

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
Community Expert ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

I don't know that you can select each letter individually but you might be able to achieve the results you're after with multiple gradients through the Appearance Panel.

You can see if this gives you the result you're after by following the steps outlined here: Make Gradient Text in Illustrator

Note that link is from 2015 so things may have changed.

Votes

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
Community Expert ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

And if the appearance panel method doesn't work for your task, you might try and create several rectangles with a gradient for each of them and then apply the actual text as a clipping mask

Votes

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
Community Expert ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

designu,

I'd like to add a gradient to some live text and have the gradient applied individually to each letter.

I have taken this to mean that you wish the gradients to also work straight away when you edit the live Type/text.

So,

Is this possible or do I have to expand the text and ad it to each expanded letter individually?

I am afraid the long answer is no and yes.

Unless Kurt has/finds a way.

You could, in order to obtain the closest possible appearance, starting with (and keeping) the live Type:

1) Ctrl/Cmd+C+B, then hide the original, then select the copy and Ctrl/Cmd+Shift+O, then apply the gradient(s) within the Group;

2) Show the original and select everything, then Ctrl/Cmd+7 to use the original as a Clipping Mask.

You can relase the Clipping Mask and delete the outlined copy Group, then edit the live Type and start over, with 1) and 2).

Votes

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
Advocate ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

Hi There

Another option

Save every gradient as a Graphic Stile, then you can highlight a single letter and apply the graphic stile

Regards

E

Votes

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
Participant ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

Will test this now.

Votes

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
Community Expert ,
Aug 17, 2018 Aug 17, 2018

Copy link to clipboard

Copied

LATEST

Which version of Illustrator are you using?

What other versions of Illustrator could you use?

Votes

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