Fan of creative technology, elearning, instructional design and a little geeky

Gradient colour on text

Digitip 023 – Adobe Illustrator CS

Misconception: “You can’t apply a gradient to text in Illustrator, unless you convert the text to outlines, which means you can’t edit it anymore”. Well, that was true in some earlier versions of Illustrator, but the use of graphic styles allows for text to be coloured with a gradient whilst retaining its editability.

Quick envelope distort

Just to be a bit more creative, I thought I’d show this quick tip on an envelope distort & text. Start by setting some type in your document.

set text

Then with the type selected, choose: Object>Envelope Distort > Make with Warp.

warp text

Editing content & easier previewing of original

To edit the content of the envelope distort select: Object > Envelope Distort > Edit Contents…

edit envelope

Access the type in its “original” format, by changing the document view to outline mode. Although it is possible to edit the text whilst in preview mode, the outline mode will allow for easer selection of text, which is especially handy when working with paragraph text.

apply graphic style

Highlight the text, then from the graphic styles palette, select the gradient style to be applied to the text, and view the text in preview mode again to see the effect.

preview text

For further editing of the gradient use the gradient tool (to set angle and “length” of gradient). To apply more “warp”, change the envelope distort mode back to edit envelope and “warp” away with the warp tool 😉

creative result

I just love the way text can be spiced up this way. Makes for good heading, titles etc.


Similar posts
  • How to create a tint for a colour in Adobe Illustrat... How can I make a tint for a colour in Adobe Illustrator? It’s a question I’m asked regularly by Illustrator users. There are two issues with the default settings when defining new colour swatches in Illustrator: When you apply the default colour swatches in Illustrator to your artwork, the swatch colour is not associated with the [...]
  • Illustrator CC (2014): Rectangle tool and Transform ... On June 18, Adobe released #CCNext. One of the applications updated in this release is Adobe Illustrator. We’re up to version 18 now with the Illustrator CC (2014) release. Renewed Transform panel and live shapes The renewed Transform panel contains a Rectangle Properties section that is active when you have a rectangle or rounded rectangle shape selected in [...]
  • Illustrator: Patterned Gradient Stroke Effect Illustrator CS6 introduces the ability to apply a gradient to a stroke. This means we can now create tubular looking line effects, without the need to use more complex blending techniques. In addition, Illustrator CS6 provides strongly improved pattern controls. We can now create not only rectangular pattern tiles, but also hexagon shaped tiles, and [...]
  • Creating PNGs from Illustrator We all get this question as designers: “Can you provide us with a copy of the logo or masterhead design in a format that we can use in Microsoft Word”… or “PowerPoint”? Illustrator CS, released back in 2003, introduced the Save for Microsoft Office command. (File menu), which converts your Illustrator artwork to a 150ppi [...]
  • Vertical Type from Illustrator to InDesign In my previous post I provided a solution for setting type vertically in InDesign. Illustrator in contrast to InDesign actually has a Vertical Type tool, and the close integration between the two applications means we can opt to set our type in Illustrator instead and bring it into InDesign as a [...]

No Comments Yet

Leave a Reply

Your email address will not be published. Required fields are marked *