Tutorial: A Gradient Brush?

November 29th, 2007 | by Cheryl |

gradbrushmain.jpg 

I often see questions about making a “gradient brushstroke,” that is, a gradient that will follow a path, rather than fill a shape. If you’ve tried to make a brush out of a gradient object, you know that it can’t be done. But there is a way to acheive the look of a gradient brush, and it’s really easy:

 

First we create a blend. You can start with any shape. Here I’ve used three squares of different colors (you can use two for a simpler gradient look). Select them all, then go to Object>Blend>Make. (If your blend doesn’t look smooth, double-click the blend tool and choose “Smooth Color” as the spacing method, then make the blend.

 

squareblend.jpg 

 

Select the blend and the path you want it to follow, and go to Object>Blend>Replace Spine:

 

replacespinemenu.jpg

 

 

Depending on the path (and whether you’ve used squares), it may look blocky, SO … 

blendbeforealign.jpg

 

… With the path selected, double-click the Blend tool and choose the Align to Path option under Orientation (it’s the second icon). Now as you can see, the square follows the curve of the path.

 

 blendalign.jpg

 

 

But you wanted a brush, right? So take the blend and drag it into the Brushes panel. Choose “New Art Brush.” You can leave everything in the Art Brush Options box as it is, or experiment with different colorization settings.

 

newgradbrush.jpg


Now simply paint with the brush as you would any other.

 

gradbrushes.jpg 

 

 

Be warned, however, that if you decide to expand the brush, you’ll end up with hundreds of the original shape you used. Yikes!

 

expandgradbrush.jpg 

  1. 11 Responses to “Tutorial: A Gradient Brush?”

  2. By TheReaper on Mar 5, 2008 | Reply

    a lesson a day keeps the blues away.
    Great tutorial!!!
    Thanks!!!

  3. By Sandeep on Jun 1, 2008 | Reply

    thanks…………. for this simple but amazing tut….:)

  4. By nate on Oct 1, 2008 | Reply

    you can just expand the stroke and apply your gradient there??

  5. By Cheryl on Oct 2, 2008 | Reply

    Nate, yes, you can do that, but with this technique, you have a more-or-less “live” effect. One you expand a brush stroke, you can’t edit the stroke. Cheers :-)

  6. By Rosamunde on Oct 28, 2008 | Reply

    Good words.

  7. By Leo Nascimento on Aug 13, 2009 | Reply

    that`s what i`m talking about!

  1. 5 Trackback(s)

  2. Jul 14, 2008: Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices
  3. Oct 19, 2008: 20 Exceptional Websites for Learning Adobe Illustrator - Six Revisions
  4. Jul 1, 2009: Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices | www.my2tech.com
  5. Jul 22, 2009: Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices | Webmaster Tips
  6. Jul 22, 2009: Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices | Webmaster Zone - Cyooh.com

Post a Comment