Skip to main content
Inspiring
July 24, 2011
Question

Applying a gradient to a stroke in Illustrator

  • July 24, 2011
  • 6 replies
  • 60401 views

Hi All,

I am confused when applying a gradient to a stroke in Illustrator. I am using Effect>Path>Outline Stroke and I cannot get the path stroke added with gradient until I found this Object>Path>Outline Stroke? So what is the use of Effect>Path>Outline Stroke since it cannot accomplish the task? Thanks in advance.

    This topic has been closed for replies.

    6 replies

    June 10, 2014

    It's very simple and easy

    step 1: Draw the path.

    step 2: Ensure that the stroke color in tools panel is activated. ( press X to change between stroke and fill )

    step3: press ctrl+F9 to open gradient panel

    step 4: Select your gradient type and options. ( you can also use a gradient color in your color swatches. )

    IMPORTANT: If you apply a gradient to a stroke in Illustrator and save document as eps file extension, corel X6 can't read this correctly.

    Jacob Bugge
    Community Expert
    Community Expert
    July 25, 2011

    David, Steve, others,

    The (only) way I can get it to work (in 10) is to:

    1) Appearance flyout>Add New Fill,

    2) Effect>Path>Offset Path (or some other way),

    3) Drag the (new) Fill with the Offset Path down below Path,

    4) Apply gradient.

    See other thread.

    Participating Frequently
    February 18, 2012

    Hi Jacob,

    I'm not getting it. I can get a gradient to appear within the offset path, but it doesn't follow the path. Am I misunderstanding?

    Also, what do you mean by step 3 when you say to drag the new fill "down below path"?

    -Steve

    Steve Fairbairn
    Inspiring
    February 18, 2012

    Also, what do you mean by step 3 when you say to drag the new fill "down below path"?

    -Steve

    Look at my picture. In the Appearance panel the colour gradient is at the bottom, below the stroke

    Steve Fairbairn
    Inspiring
    July 24, 2011

    Strangely it's the Offset Path effect that gets you there (sort of but the gradient still doesn't follow the path).

    Outline Stroke only works after it has been expanded and even then the gradient doesn't follow the path.

    The only way I can get a "gradient" to follow a path is to make an art brush out of an expanded gradient from which the clipping mask has been removed (in fact a blend). Illie doesn't allow you to make a brush out of a gradient or a masked object, at least not in CS3. Dunno if anything's been done to improve matters in CS5.

    JETalmage
    Inspiring
    July 24, 2011
    So what is the use of Effect>Path>Outline Stroke...

    The utility of some Effects is realized when used in combination with others. (Illustrator's interface, of course, is hideously confused, so such things are not readily apparent.)

    JET

    Jacob Bugge
    Community Expert
    Community Expert
    July 24, 2011

    David,

    I am using Effect>Path>Outline Stroke and I cannot get the path stroke added with gradient until I found this Object>Path>Outline Stroke? So what is the use of Effect>Path>Outline Stroke since it cannot accomplish the task?

    I am afraid Teri would have to answer that one. Unfortunately, she has been away for more than half a year now.

    davidjerkAuthor
    Inspiring
    July 24, 2011

    Hi,

    Have to use Object > Expand Appearance to do that.

    Inspiring
    July 24, 2011

    A shortcoming of Illustrator that it does not enable he use to apply a gradient to a stroke or allow a gradient to follow a path, long time feature request which is overdue.