Friday, June 09, 2017

Using gradients on strokes in Illustrator

Gradients aren’t just for fills in Illustrator. Did you know that you can use them on strokes also? Here’s how:

1. Draw a path with the Pen tool, Curvature tool, Line Segment tool, Spiral tool, Pencil tool, or any other tool that creates a path

2. With the path selected, give the path a stroke weight (the Appearance panel is the best place to do this)

Screenshot 2017 06 09 11 34 40

3. Choose a gradient for the stroke

Screenshot 2017 06 09 12 48 57

4. In the Gradient panel, there are 3 “Stroke” buttons: the left-most button creates a gradient that just goes across the object from left to right by default.

Screenshot 2017 06 09 12 49 16

5. The middle button creates a gradient that follows the curve of the stroke.

Screenshot 2017 06 09 12 49 25

6. The right-most button creates a gradient that goes across the width of the stroke.

Screenshot 2017 06 09 12 49 35

7. The Reverse Gradient button will change the direction of the gradient. This is particularly useful for gradients that follow the curve of the path.

Screenshot 2017 06 09 12 51 11

Keep in mind that the Object > Path > Reverse Path Direction command will also change the direction of the gradient if the gradient is set to follow the curve of the path or go across the width of the stroke.

 

1 comment:

RayAtL said...

Nice! Thanks for sharing this post.