Skip navigation
Currently Being Moderated

Draw circle half black half white

Jul 23, 2012 10:27 AM

I'm trying to figure how to make a circle split in half with the top half black and the bottom white. I've made a circle with a 37 pt black stroke, now I just need to make half of it white. Or I may be going about it wrong. Seems like it ought to be simple.

Clark

 
Replies
  • Currently Being Moderated
    Jul 23, 2012 10:51 AM   in reply to Clark Kenyon

    Clark,

     

    A simple, maybe crude, way is to cut it at the side Anchor Points with the Scissors Tool and change the colour of the bottom half.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 10:53 AM   in reply to Clark Kenyon

    Like this

     

    Screen shot 2012-07-23 at 10.49.14 AM.png

     

    Start by drawing the circle. Then draw a straight, horizontal path extending beyond the circle in both directiolns. Select both and use the Align panel to center the two both horizontally and vertically. De-select the circle and then use Object>Path>Divide Objects Below. Select each half and apply the desired color.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 1:39 PM   in reply to Clark Kenyon

    But what do you want it to look like? Your best bet is to use Jacob's method to cut the circle at opposite sides and then change the color of the stroke.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 1:44 PM   in reply to Clark Kenyon

    By far the easiest way is to make two identical circles.

    Using the Direct Selection tool, delete the right-hand anchor of one of them and the left-hand anchor of the other.

    Colour the resulting two half circles as you will and snap them together.

    Group.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 3:40 PM   in reply to Clark Kenyon

    I would do this by selecting and cutting (Ctrl + X) one anchor point, then paste in front (Ctrl + F) and change color.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 6:50 PM   in reply to emil emil

    You can do this with Gradients on Strokes.

     

    Snap_001.jpg

     

    Set the stroke to have a white to black gradient (the default gradient)

    Click the white gradient stop and enter 50 in the Location field. Click the black gradient stop and enter 50 in the location field.

    Change the angle field to whatever you want. 90° in my image so top is black bottom is white.

     

    Grey circle added behind so the white can be seen here.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 7:29 PM   in reply to Clark Kenyon

    The interior of my circle is transparent. The grey you see is simply another circle behind it so the white shows up.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 7:46 PM   in reply to [scott w]

    What Scott is suggesting is that you give it a stroke using his very clever use of the gradient stroke and a fill of None.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 10:31 PM   in reply to Clark Kenyon

    Clark

     

    You really should mark Scott's posting as the answer this is such a clever way of doing such a thing and a real time saver that it would really help others to see the technique Scott used.

     

    I ask you to please mark Post #7 as the anwer.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 3:02 AM   in reply to Clark Kenyon

    Clark, others,

     

    I really like the way Scott suggests.

     

    However, I believe, as always, that there are always different ways of doing things, each in its own right. Each way may serve some purposes better than others (in both senses).

     

    If we look at simplicity/efficiency, and just compare the (count of) steps that differ between the suggestions in posts #1 and 7.

     

    For a first use, #1 requires 2 cllicks with the Scissors Tool and 1 setting of each colour to change, whereas #7 requires 3 settings of gradient stop positions and 2 settings of  colour (4 for other colours than black and white).

     

    For a subsequent use, #1 requires 1 setting of each colour to change, whereas #7 requires 2 settings of gradient stop positions and 2 settings of each colour to change.

     

    It should be noted that neither #1 nor #7 imply any fill.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 4:38 AM   in reply to Jacob Bugge

    The number of clicks and settings does knot necessarily means faster or slower and if you consider that Scots method gives one object aa opposed to two  ly one stroke instead of two. It might in the long run save time and effort.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 5:09 AM   in reply to Wade_Zimmerman

    It seems that everything said here confirms the equality of different solutions.

     

    And grouping is easy, making paths operable together.

     

    I also like the solutions presented by Steve and Emil. And the one by Larry was quite obvious for the other possible interpretation of the OP.

     

    If I had to choose a favourite in this case, it might be the one by Emil, as I understand it (rather than how I read it), namely to create the circle, copy it to the front, delete the top (or bottom) Anchor Point, and change the colour of the still selected halved circle, then group.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 5:41 AM   in reply to Jacob Bugge

    I'm a firm believer that no one method is better than another. It all depeneds on the desired appearance and what you need to do.

     

    Snap_001.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 9:36 AM   in reply to [scott w]

    I agree, the best method depends on one's own preference....personally, I would go with Emil's.

     

    just to note that Scott's way requires CS6.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 11:13 PM   in reply to CarlosCanto

    Maybe it just takes a little time to see a new and better way of doing things?

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points