How is this gradient effect being created on line/vector drawings

enter image description here

I can imagine how it could be done in a dumb way.
Are there any quick and scalable ways to produce line drawings with this gradient effect?


If your artwork is made with only strokes or only fills (you could just outline all your strokes if you have fills too), then you can either create a compound path (select all and cmd+8 or Object → Compound Path → Make) and apply a gradient as either stroke or fill:

Compound Path Gradient Stroke

Or you can group your artwork and add the gradient to the entire group, or simply select an entire layer and add the gradient to an entire layer using the Appearance panel:

Appearance Panel Gradient Stroke

If your artwork is made up of both strokes and paths then it may be hard to get the continuous gradient to match over both…

Another option is to use your artwork as an opacity mask on a solid gradient.

  1. Group your artwork and make it all white.
  2. Place it on top of a solid gradient.
  3. With your gradient and artwork selected hit “Make Mask” in the Transparency panel.

Solid Gradient

Gradient with Opacity Mask

Source : Link , Question Author : Dabo Chen , Answer Author : Cai

Leave a Comment