DesignTips > > How to Apply Gradient on Text in Illustrator

How to Apply Gradient on Text in Illustrator

How to apply gradation on texts using Illustrator

In this section you will learn how to apply gradient on texts in illustrator.

A common mistake is that you cannot apply gradient on simply typed texts. You first must outline the texts.

It sounds tricky, however, it is very easy to do. Let’s start doing it step by step.

Step01 Type Text in Illustrator

Type any text using the text tool
In the example, I typed “WHY NOT?”.

Step02 Right Click -> Create Outline

Outline the typed text.

Select the text using the select tool. Click [Right Click -> Create Outline] (Font -> Create Outline).

Step03 The text is outlined!

The Text is outlined!

If you look closely paths are created around the text.By outlying the text, it becomes the path and modifiable as an image. The only thing you need to do now is to apply gradient on the text.

Step04 Gradient Applied on the Text!

Select the text with Selection Tool and apply gradient.

Gradation is applied by outlying the text.You can also modify or warp it.

Step05 How to Apply Gradient on Each Character

You have successfully applied gradient in step04. However, in order to apply gradient on each character, you need to ungroup.

Select the text and click [Right Click -> Ungroup] (Object -> Ungroup).

Step06 The text is ungrouped

Now the text is ungrouped. You can apply gradient on each character.

Step07 Apply different gradients on each character

Different gradients are applied on each character.

Add-Up

The only thing you need to remember when applying gradient on texts is that you need to outline them first.

Outlined characters are treated as images, hence gradation can be applied. You can also modify and warp them freely as they are images.

For further information on modifying and warping texts, please refer to How to shape and modify texts using Illustrator.

この投稿文は次の言語で読めます: Chinese (Simplified), German, Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop