Is it possible to merge multiple gradients into one object?

For example: a rectangle with two radial gradients in two corners. How can I implement that?


You can add multiple gradient fills to an object via the Appearance panel.

If you need more complex gradients you can use the Mesh Tool to create a gradient mesh. Simply click on a point with the Mesh Tool to create a mesh from the object, you can then change the color of each individual point.

A simply rectangle with each corner point set to a different color:

enter image description here

For more complex gradients just keep adding points:

enter image description here

You can expand an existing gradient fill to a gradient mesh by selecting the object, expanding (Object → Expand) and selecting "Gradient Mesh":

enter image description here


One object can have multiple gradients as seen in the image 1 (below).

To add multiple gradients, open your appearances panel and duplicate the fill. Note that the second gradient has to have a blending mode or transparency for this to work.

enter image description here

Image 1: Two radial gradients in same object.

  • E.g. a rectangle with two radial gradients in two corners. How can I implement that? – Malte Aug 21 '17 at 7:01
  • @Malte you should probably edit that into your question. – joojaa Aug 21 '17 at 7:15
  • Yes, that's it. Thanks. Which fill mode did you apply to the second gradient? – Malte Aug 21 '17 at 7:39
  • @Malte its normal since the gradients second stop is 100 transparent. Note that technically this is still 2 objects just 1 for GUI purposes. – joojaa Aug 21 '17 at 7:43
  • How did you set the fill to transparent? Is it in a specific swatch some place? – elika kohen Feb 28 at 22:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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