Illustrator CS6 New Gradients for Strokes

One of the reasons I have preferred raster graphics to vector in the past is the uniformity of the vector graphics. But I have to admit that Illustrator has come a long way. With Illustrator® CS6, we can create variable width strokes to create complex shapes and then apply gradients to the strokes. These new features give us many new options for creating "raster looking" vector digital art.
First let's take a look at the new feature for applying gradients to strokes. We will begin by drawing a spiral path with the Spiral tool.
Within Stroke
Along Stroke - along the length of the stroke
Across Stroke - across the width of the strock
We can create some very interesting objects in Illustrator by creating complex shapes with the Width tool and then applying gradients.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
First let's take a look at the new feature for applying gradients to strokes. We will begin by drawing a spiral path with the Spiral tool.
- With the path selected, open the Gradient panel and click on the Stroke icon.
- To apply a gradient to the Stroke, choose a preset from the Gradient menu. As in previous versions of Illustrator, you can adjust the Angle or edit the color stops in the gradient.
Within Stroke
Along Stroke - along the length of the stroke
Across Stroke - across the width of the strock
We can create some very interesting objects in Illustrator by creating complex shapes with the Width tool and then applying gradients.
- Starting with a thin red colored path, we can widen the path with the Width tool. Click on the end of the path and drag with the Width tool to widen the path. As you drag, you can see the dynamic changes to the path. When you release your mouse, the path turns red.
- The fun starts when we begin to bend the path. To do this we need to create two new Width-Control points very close together. The first point will act as a starting point for the bend in the path. When we drag the second point, the path widens beyond the starting point causing a bend in the path.
- We can get different looks by applying the three options from the Stroke Menu in the Gradient panel.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map
Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.