I have multiple objects that I want a gradient applied to. The effect I am trying to create looks like this: enter image description here

I have created this effect by having a gradient on a curved stroke and having a box on top with holes. This does a great job of visualizing my idea, but I'm unable to export this as a transparent image. I have exported it as a high quality .png and removed the white background in photoshop as a quick fix, but I will need to export this as an .svg in the future. Any help is greatly appreciated!
enter image description here

1 Answer 1


Create a compound shape with your segments, place them on top of the stroke, then select the stroke and the segments and create a clipping mask.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.