Highlighted

Applying a Gradient Across a Stroke

Participant ,
Apr 10, 2019

Copy link to clipboard

Copied

This is weird.  I made a circle.  I put a gradient on the fill.  Then I put a gradient on the stroke.  Then I tried to set the gradient to apply across the stroke, but I can't seem to select the option.  I tried shutting Illustrator off and on again.  Same results.  I tried quitting out of CC2018 and trying the same thing in 2015.  Same results.  What am I missing here? 

Screen Shot 2019-04-10 at 4.19.09 PM.png

Views

1.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Applying a Gradient Across a Stroke

Participant ,
Apr 10, 2019

Copy link to clipboard

Copied

This is weird.  I made a circle.  I put a gradient on the fill.  Then I put a gradient on the stroke.  Then I tried to set the gradient to apply across the stroke, but I can't seem to select the option.  I tried shutting Illustrator off and on again.  Same results.  I tried quitting out of CC2018 and trying the same thing in 2015.  Same results.  What am I missing here? 

Screen Shot 2019-04-10 at 4.19.09 PM.png

Views

1.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 10, 2019 0
Adobe Community Professional ,
Apr 10, 2019

Copy link to clipboard

Copied

Can you please show your artwork?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2019 0
Participant ,
Apr 10, 2019

Copy link to clipboard

Copied

It's literally just a circle, with a 4pt stroke, with the gradients seen in the screenshot attached.  I finally got around the issue by drawing a line with the pen tool, and it allowed me the usual options for that.  And then I eyedropped the line onto the circle.  I had to redo my fill gradient then, but now I have the gradient applied across the stroke as intended.  But that can't possibly be the intended workflow.  I'm still interested to learn what the hitch is that I was running into.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

Hi,

Having the appearance pallet open is a great way to see what is happening within your shape:

Screenshot 2019-04-11 at 15.16.34.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Participant ,
Apr 11, 2019

Copy link to clipboard

Copied

To what end exactly?  This was literally just a circle with a gradient fill and gradient stroke.  I'm trying to learn what prevents the option of applying a gradient across the stroke rather than just the left to right gradient in that simple situation.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

Maybe explore the gradient type, Radial....

A screenshot would be awesome as I am not 100% sure what you mean.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Participant ,
Apr 11, 2019

Copy link to clipboard

Copied

The screenshot from the original post contains all the information.  The shape was literally just a circle with a linear gradient fill, and linear gradient stroke.  I rebuilt it repeatedly.  I guess it must just be a bug.  Maybe the workaround with using the pen tool to draw a line, applying the stroke across the gradient there, and then eyedropping onto the circle, letting it overwrite your fill, and remaking your fill, really is the most efficient way to do this.  That's disappointing, but at least it eventually gets the job done. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

I can't replicate this in CC2019. Do you mean the option is greyed out? Your first screenshot looks normal.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Participant ,
Apr 11, 2019

Copy link to clipboard

Copied

It looks normal, but acts the same as if it were greyed out.  It's impossible to select.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

sarapixels  wrote

I guess it must just be a bug.

Naw. If it was a bug, we'd all have it and yours would be the x00th post about it. According to your description of the conditions, the Apply gradient across stroke button should be active and available, so it sounds more like one of those annoying interface malfunctions that sometimes crop up and go away with a preferences reset. Have you tried resetting preferences? Rebooting the computer? Updating to the latest build?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

sarapixels  schrieb

The shape was literally just a circle with a linear gradient fill, and linear gradient stroke. 

If it's just a circle, then why can't we see it, along with the appearance panel and the layers panel.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

sarapixels  wrote

The screenshot from the original post contains all the information.

Hi Sara, The reason people keep asking for that second screen shot is that we cannot tell from the small snippet in the first. I realize you think it’s enough, but it’s not. Please give the panels you have been asked for with the image selected. Thank you!

Jane

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
Participant ,
Apr 11, 2019

Copy link to clipboard

Copied

Bah, I finally figured this out.  Y'all were right about the appearance panel.  I just couldn't fathom what I could possibly be looking for there other than that yeah, it's a circle with a stroke, and when I was first looking, that's all I was seeing.  And I remade the circle so many times and with different details all to the same result that I was getting frustrated with being asked for screenshots of the circle.  BUT, it looks like the problem was that the stroke was defaulting to align inside the circle rather than centered, and apparently you can't use that button if the circle is aligned inside.  The pen tool work around was working because it was realigning the stroke as well as copying the gradient application.

For anyone else coming across this (and I've seen several posts asking for help on this but none with answers), the stroke has to be center aligned.  You can select that with this here.
Screen Shot 2019-04-11 at 11.56.05 AM.png

And yeah, when I went back from scratch and did it again, I did get a clue in the Appearance panel.  Right there next to where it shows the width of the stroke it says "Inside".  My previous file didn't have anything there because I was looking after I'd already done the work around with the pen and eyedropper tools, and it doesn't say anything about the alignment at all there when the stroke is centered.  It normally just gives the stroke width, shows if there is a gradient, and if there is opacity. 

Screen Shot 2019-04-11 at 10.33.20 AM.png


Oh, and it turned out that the gradient fill was irrelevant.  You can see in this one, I didn't even have one of those that time.  But apparently stroke alignment matters quite a lot for some reason.

Thanks to all for the help.  I would not have kept going back to the appearance panel after not getting anywhere with it the first time, if y'all hadn't been asking for screenshots of it. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 3
Adobe Community Professional ,
Apr 11, 2019

Copy link to clipboard

Copied

Hi Sarah, thank you for reporting your findings. It will be helpful to others as well!

Jane

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2019 0
New Here ,
Aug 12, 2020

Copy link to clipboard

Copied

OMG this has been a lifesaver. Thanks for figuring this out so the rest of us struggle just a bit less.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 12, 2020 0
Resources