11 Replies Latest reply: Apr 21, 2012 6:02 AM by Jacob Bugge RSS

    Splitting a circle up evenly

    Josh525 Community Member

      Hello,

       

      I am brand new to Illustrator.

       

      I want to create a circle, split into 5 even segments with small gaps in between each segment.

      What would be the easiest way of doing this?

      Also, how can I split the circle up freehand and then enter measurement values numerically to get each segment an even width across.

       

      Many thank for your help in advance..

        • 1. Re: Splitting a circle up evenly
          Mike Gondek2 CommunityMVP

          Draw circle

          Pull 2 guides for center

          Draw a rectangle using the thicknes for your gap

          Center rectangle on guides (recomend using smart guides on)

          Rotate Tool

          Option click on guides center, and enter 72° = 360/5)

          CMD D to make 4 more copies

          Select All

          Pathfinder >>Minus front

           

          Screen shot 2012-04-17 at 2.05.37 PM.png

          Not sure what your second question is? Try the knife tool to split up your circel freehand, click and hold the eraser to to find the knife tool.

          • 2. Re: Splitting a circle up evenly
            Jacob Bugge CommunityMVP

            Josh,

             

            Or you may, with no drawing/transforming at all:

             

            1) Create a Polar Grid (Polar Grid Tool bundled with the Line Tool) with 5 Radial Dividers and no Concentric ones, size as the circle,

            2) Select the Radial Divider Group and set the Stroke Weight to the desired gap width,

            3) Object>Path>Outline Stroke,

            4) Also select the circular path and Pathfinder>Minus Front (Subtract from shape area in older versions, maybe holding Alt/Option),

            5) (Re)set the Fill colour (using the option at the bottom of the Toolbox).

            • 3. Re: Splitting a circle up evenly
              Steve Fairbairn Community Member

              Or use a pie chart with 5 equal slices. Then Jacob's method

              • 4. Re: Splitting a circle up evenly
                [scott] Community Member

                I'd use Steve's method....

                 

                Snap_001.jpg

                Simply ungroup and remove the 1% slices if needed.

                 

                100%/5 = 20% per slice - 1% for spacing = 19% per slice with alternating 1% gaps.

                • 5. Re: Splitting a circle up evenly
                  Wade_Zimmerman Community Member

                  You can also try using this method in the video

                   

                  http://www.wadezimmerman.com/videos/FiveSectionCircle.mov

                   

                  BTW on the pc to draw a shape such as an ellipse from the center you hold down the control key.

                  • 6. Re: Splitting a circle up evenly
                    Josh525 Community Member

                    Hey guys. Thanks for your responses. I actually wanted to make the slices vertically through the circle to make vertical segments (rather than a pie chart effect). I guess the process for doing so remains the same.

                     

                    I just wanted to check - after creating my segmented circle, I want to make each segment 3D as this design is for a Logo.

                    Which of the methods presented, would lend itself best to 3D designing? Or wouldn't it matter?

                    ie, If I created the segments using rectangles, would I then be able to edit/fill those segments individually?

                    Would one never just "draw in" the gaps from a circle template using the pen/line tool etc??

                     

                    Many thanks again,

                    josh

                    • 7. Re: Splitting a circle up evenly
                      Jacob Bugge CommunityMVP

                      Josh,

                       

                      Ah.

                       

                      You may quite easily:

                       

                      1) Place a vertical line with the Line Tool, at 1/5 W from the left, Stroke weight equalling the desired gap,

                      2) Object>Path>Outline Stroke,

                      3) Object>Transform>Move a copy 3 times by 1/5 W,

                      4) Select everything and Pathfinder>Minus Front.

                       

                      This will leave you with 5 simple paths, for easy application of 3D.

                      • 8. Re: Splitting a circle up evenly
                        Wade_Zimmerman Community Member

                        You can draw a rectangle at the top and bottom or left and right of the circle and then make a 4 step blend

                         

                        Screen Shot 2012-04-18 at 3.02.46 PM.png

                         

                        Then expand the blend and eliminate the rectangles at the extremities

                         

                        Screen Shot 2012-04-18 at 3.04.05 PM.png

                         

                        Then use the pathfinder to minus front

                         

                        Screen Shot 2012-04-18 at 3.04.21 PM.png

                        • 9. Re: Splitting a circle up evenly
                          Jacob Bugge CommunityMVP

                          Josh,

                           

                          If you do what Wade said, remember to rotate by 90 degrees.

                          • 10. Re: Splitting a circle up evenly
                            Wade_Zimmerman Community Member

                            Or just make the blend left to right as I already wrote in the first line of my response.

                            • 11. Re: Splitting a circle up evenly
                              Jacob Bugge CommunityMVP

                              Josh,

                               

                              I just rediscovered this thread, after having overlooked it, and realized my overlooking of the crucial left to right option mentioned post #8, as pointed out in post #10; the right wording in post #9 would have been:

                               

                              If you do what Wade showed, remember to rotate by 90 degrees.

                               

                              It is easier to look at a drawing, but sometimes full reading (and understanding) is better.

                               

                              It has occurred to me that a literal interpretation of the OP and post #6 may be that the circle should be cut, but nothing should be carved out of it.

                               

                              This would lead to a quite different solution, which may be done in a number of ways, the one shown below being silly but fun to make:

                               

                              1) Create the circle,

                              2) Create a vertical line at one fifth from the left side (line Tool is fine), longer than the circle is high,

                              3) Move a copy of the line thrice by one fifth,

                              4) Join adjacent endpoints to create a single meander path of the four lines,

                              5) With only the path selected, Object>Path>Divide Objects below,

                              6) Move the slices apart (may be done four/two/one at a time with Object>Transform>Move).

                               

                              Here shown for a circle without and with stroke: