Could you explain to me, how I can draw a shape like the one in the following image?

How can I cut any part of circle to get such 4 shapes with Adobe Illustrator?

enter image description here

4 Answers 4

  1. Create the circle shape.

  2. Remove the fill.

  3. Give it a stroke that is as thick as the width you want.

  4. Go to Object → Expand.. in the top horizontal menu.

    Expanding circle with stroke and no fill

  5. Create a rectangle that's as thick as you want the gaps to be.

  6. While you still have the rectangle selected, hold Shift and select the circle. Use the alignment options to center it horizontally and vertically relative to the circle shape.

    Centering rectangle relative to circle

  7. Select only the rectangle. Press CTRL + C to copy the shape.

  8. Press CTRL + Shift + V to paste it in exactly the same place as the first rectangle.

  9. Right click the currently selected shape (rectangle 2) and go to Transform → Rotate... Enter 90° into the dialog box and press enter.

    Rotating duplicated rectangle

  10. Select both rectangles and go to the pathfinder. Merge them.

    Merging rectangles

  11. Select the newly formed cross and the outlined circle and, using the pathfinder again, select Minus Front.

    Minusing cross from outlined circle

    Et Voila!

    Final desired result

  • 1
    :) I did the same answer 5 sec after you :))) thus I deleted it. But nice to see we thought the same
    – Ilan
    Jul 10, 2014 at 10:33
  • But you don't have to perform a lot of operations for cross - just type "+" expand and resize :) I've posted as an answer - the plus creating looks elegant to me...
    – Ilan
    Jul 10, 2014 at 11:04

If you want extremely fast solution, grab Ellipse tool and select options as on the picture:

enter image description here

If you want perfect solution you should use Pathfinder panel cutting the circle with a cross.

  • Thanks a lot! Could you explain me, in what way can I use cutting from Pathfinder? I try to incorporate it, but result is: i.sstatic.net/MhHfo.jpg When I Use DIVIDE from Pathfinder, please explain me this phenomenon, thanks a lot!
    – komon
    Jul 10, 2014 at 9:26
  • @komon use Object > Expand... or Object > Expand Appearance on your black-stroke, no-fill circle before you start using Pathfinder.
    – Vincent
    Jul 10, 2014 at 9:29

I give you another answer, but there are a lot of options.

Create a circle (Elliple tool->Shift+Click+Drag) and make desired stroke (i.e. 23 points)

enter image description here

Next, press Object->Expand

Next grab Type tool and type "+", then press Object->expand and resize and locate the cross along the circle.

enter image description here

enter image description here

Then select all the shapes and press Minus front on pathfinder

enter image description here

enter image description here

  • 3
    be warned: not all + signs in all typefaces are perfect crosses!
    – Vincent
    Jul 10, 2014 at 14:38

You can do it also with the scissors tool. Invoke it from the tools panel or just by pressing 'C'. With it you can click any path or shape and Illustrator will split it in two as you would do with your scissors. One good option to do that would be to draw the circle, divide with the scissors on top of the four anchor points to create the four quarters and displace them a bit far from the center to create the gaps.

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.