Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have some circles and line to make a cloud like the one below. I know i can use the path finder to make some unions.

But how to make some gradients with a 3d effect ? (like the example)

enter image description here

Thanks in advance

(i'm using Illustrator CS6)

share|improve this question

migrated from Sep 15 '12 at 3:25

This question came from our site for professional and enthusiast programmers.

You could do this multiple ways. If you want to keep one shape, this should be possible with the gradient mesh tool. You can also use multiple shapes (e.g. one for the background and several overlaid for highlights/shadows with basic radial gradients) – George Profenza Sep 14 '12 at 23:51
This is off topic on this site but I've asked the Graphic Design mods if it is suitable for them. – Kev Sep 15 '12 at 0:27
up vote 2 down vote accepted

As I mentioned in the comment, this can be achieved either with clever use of the Mesh tool or with separate parts filled with radial gradients. Bellow is a poor attempt to duplicate the effect and illustrate the idea:


Mesh Tool used to create the background

single element gradient

A single shape filled with a radial gradient

multiple shapes

Multiple shapes with gradients

There are probably more techniques to tackle this.

share|improve this answer
Fantastic solution, only with a fill on each shape (no stroke) it works really great. – jules Sep 19 '12 at 11:11

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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