Tried searching for any tutorials online but I couldn't seem to find one.

How do I re-create this image color in Illustrator?

enter image description here

I tried using gradients but I could not seem to manipulate it to come from the middle. I also tried using mesh points, but the colors aren't as equally spaced as this.

1 Answer 1


Which version of Adobe Illustrator are you using? Try this and see if it works for you.

Create a rectangle with a gradient e.g. like this: enter image description here

(Remember, the first swatch in the gradient should have the same value as the last one.)

Now create a circle with a two-color radial gradient. enter image description here

With the circle selected go to Object=Expand... Select these options: enter image description here Now you should see a layer structure like below. With a mesh and a clipping path. Delete the clipping path.(Selected in the screenshot). enter image description here

Now the circle has no clipping path, and so it should appear larger. With your Point Selection tool, select a point related to the inner circle. Then hit delete.enter image description here

EDIT: Before you continue, remember to check Distort Linear Gradient Fills inside Object= Envelope Distort= Envelope Options.

enter image description here

Now, select both the Circle, and the rectangle. Go to Object=Envelope Distort=Make With Top Object. enter image description here You should now have the result you where looking for. :) enter image description here

If you want to edit your gradient you can switch editing area with these: enter image description here located in the upper-left corner of your screen:

  • 1
    Great solution! I love the step by step process. Now, I followed these steps and got a circle with a linear gradient across it. So I did a little investigating and found that I needed to have Distort Linear Gradient Fills checked inside of Object->Envelope Distort->Envelope Options. For me it was not checked, but I'm not sure which state is the default.
    – Jory L
    Commented Feb 11, 2016 at 16:38
  • That is my mistake - I'm very sorry! I, accidentally ,forgot to mention this step. Most likely because I had mine checked already . I hope that it didn't make you too confused. Commented Feb 12, 2016 at 12:23

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.