Skip to main content
Relexcious
Participant
December 11, 2017
Answered

How to apply gradient to both fill and stroke on entire image

  • December 11, 2017
  • 5 replies
  • 1423 views

Hey there,

I am trying to add a gradient on an entire image which includes separate objects, strokes, and fills.

I am looking for an effect similar to the one on this T-Shirt

https://teamltd.com/collections/mens-tees/products/wolf-tee

Wolf Tee

I made the image the way I wanted using strokes, however when I add a gradient it only applies either

to the stroke and not the fill or vice versa. Is there any possible way to have it just apply to everything

in uniform even paths that aren't connected like the graphic tee above? Thanks

This topic has been closed for replies.
Correct answer michelew83603738

I would suggest expanding your strokes and then selecting everything, then you can get the gradient to fill everything like it shows above.

5 replies

Jacob Bugge
Community Expert
Community Expert
December 12, 2017

Relexious,

Always save (a copy of) the original artwork before you destroy it (by outlining and whatever).

Apart from that there is a way to keep the artwork shapes/strokes unchanged and thereby edible, also after the gradien appearance is obtained:

1) Group (or make a compound path of) the artwork if not already, and change the colour (of both stroke and fill) to black if not already;

2) Create a path larger than the artwork and apply the desired gradient to it (you may set it to less than 100% transparency so you can see (it on top of) the artwork from 1);

3) When you are satisfied, select 2) and Ctrl/Cmd+X+B to move it behind the artwork from 1);

4) Select everything and in the Transparency palette flyout click Make Opacity Mask with both Clip and Invert Mask ticked.

That should give you the appearance of the gradient as desired across both stroke and fill of the entire artwork.

If desired, you can release the mask, make changes, and reapply.

Jeff Witchel, ACI
Community Expert
Community Expert
December 12, 2017

Hope it works well for you!

Relexcious
Participant
December 12, 2017

Thanks guys, helped alot.

michelew83603738
Community Expert
Community Expert
December 12, 2017

Glad it helped.

Jeff Witchel, ACI
Community Expert
Community Expert
December 11, 2017


It's possible that after following the advice from michelew83603738 above, you may have to select all object and drag across them with the Gradient tool (G). Click with the Gradient tool where you'd like the Gradient to start and drag at an angle you'd like the Gradient to follow, then release your mouse where you'd like the Gradient to end.

michelew83603738
Community Expert
michelew83603738Community ExpertCorrect answer
Community Expert
December 11, 2017

I would suggest expanding your strokes and then selecting everything, then you can get the gradient to fill everything like it shows above.