Guides / Gradient text

How to add a gradient to text in Illustrator

Updated September 2026 · Illustrator 2025–2026 · about 4 min

Select the text with the Selection tool, open the Appearance panel, click the Fill row, and choose a gradient. Applying a gradient with the Type tool active does nothing, which is the usual snag. JuicyType's Gradient effect adds gradients to faces and strokes together.

JuicyType Highlight · screen recording goes hereSkip to JuicyType ↓

The manual way, in Illustrator

  1. Select the text object (not the characters) with the Selection tool.
  2. Open Window › Appearance and click Fill.
  3. In the Gradient panel pick a swatch or build stops. Drag with the Gradient tool (G) for angle and length.
  4. To gradient each letter separately, outline a copy, or use JuicyType's per-letter option.

One gradient spans the whole text object on live type; per-letter gradients need outlines or the plugin.

Steps drafted from Illustrator's documentation; to be checked in Illustrator 2025–2026 before launch.

Or, with JuicyType

2 effects in JuicyType

Gradients themselves are Illustrator swatches: give the face a gradient swatch and JuicyType's Gradient rows appear with type (Linear / Radial / Mirror) and angle, for the fill and for each stroke band. Then add Highlight for the shine.

  1. Highlighta shine across the gradient for a glossy look
  2. Strokesa thin rim band so the gradient face reads on any background
JuicyType
Highlight
Strokes
Keep live text
Apply
0:45

Common questions

Why will the gradient not apply to my text?

The fill is not targeted. Use the Selection tool and click Fill in the Appearance panel.

Related guides

Skip to JuicyType ↓