How do I create a circle graphic pattern in Illustrator?

How is a multiple circle pattern like this created in Illustrator?

How can I create the circles with cut outs and then filled with color?

enter image description here

I started by making a bunch of circles one on top another, and then adding a line with a rotation and using Pathfinder’s Divide to separate them into shapes, I had multiple issues…

It was very hard to get the circles spaced properly – I had to sorta guestimate it:

enter image description here

Using pathfinder left me with a bunch of extra paths:

enter image description here
enter image description here

(click to enlarge)

…and some weren’t properly cut: (that’s one path :/)

enter image description here

Even after (manually) cleaning up all the paths, It was a huge pain to select each shape and then go to my swatches panel and pick something.

I’m sure that there’s an easier / more efficient way to go about doing this, please guide me.


Start with using the Polar Grid Tool (Hold down on the Line Tool to switch)

Click in the Artboard and a little menu will come up:

enter image description here

  • You want to set the Concentric Dividers to a lower number (5)

  • And the Radial Dividers to a significantly higher number (40)

This will output a Radial grid which looks like:

enter image description here

Now comes the coloring, YAY!

For my original method, see below, to see a new, easier and improved method of accomplishing this, see my answer here.

Select it and use the Live Paint Bucket Tool to fill it with colors:

  • Create a color group with all the swatches you’d like to use

  • Just click on all the parts you’d like to fill and use the arrow keys to change colors (see GIF below):

enter image description here

Repeat this step and change colors until desired look is achieved, then just go ahead and make the stroke and fill of rest of the boxes set to none* (/) – this will give you the easy freedom to go and change them later on.

enter image description here

*Unless using for Laser cutting / vector printing, then you have to delete those paths, because the printer will still read them (regardless of visibility).

Source : Link , Question Author : user120293 , Answer Author : WELZ

Leave a Comment