Skip navigation
Currently Being Moderated

Circles w/o outlines, lines disappear

Jan 29, 2012 2:19 PM

Tags: #line #lines #disappear #circle #vanish #elements_10 #circles

I am new to drawing using APsE, so pardon me if this is a stupid question.


I am having a terrible time drawing a complex segmented circle. The outer circle I got from a file. I then drew 3-pixel black lines dividing the circle into 12 pie-shaped regions.


Problem 1: I wanted an inner circle that would be transparent fill but have a normal 3-pixel outline. Any circle I draw can have a black or white fill (but not a transparent one), and there doesn't seem to be any way to have the circle edge be black. The menu item Edit/Stroke Outline would seem to be the answer but it is always dimmed.

Temporary solution: I made the inner circle black-filled, then added another slightly smaller white-filled circle, and moved the latter over the black-filled circle so only the thin black outer edge showed, effectively giving me a circle with a black edge.


Problem 2: I still needed those 3-pixed lines dividing the inner circle into pie-shaped segments that matched the outer circle. I can draw only 1 pixel-wide lines (wider lines disappear - why is this?), but as soon as I draw a third line the second line disappears. For example, I can draw vertical and horizontal lines, but as soon as I draw a line 30 degrees off-vertical it one of the other lines disappears.

Temporary solution: None


I believe I went wrong when I started doing multiple circles. I would have no problem if I could just make an inner circle with the edge showing black but the inside being transparent.


BTW, I want to then select, in the inner circle, alternating pie shapes and filling them with black. If you see I am going to get into trouble doing that please let me know and offer a solution.


Thanks. I'm quite good at computers but graphics is like color to a blind person.


P.S. I am on Windows 7 64-bit SP-1 and Adobe Photoshop Elements 10.0



  • Currently Being Moderated
    Jan 29, 2012 2:47 PM   in reply to EdIsenberg

    Until I have more time to work on this, there's just one comment:


    You'd be better off using a vector-based drawing program, such as CorelDraw.  Vector programs can create the objects you're looking for very easily.



    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 2:40 PM   in reply to EdIsenberg



    Try this for the circle with black outline, transparent in the center:


    1. Open blank, new file, background white
    2. Duplicate the background layer, shut off the visibility of the background layer by clicking on its eye icon, and work on the background copy layer
    3. Using Elliptical marquee tool, hold down shift key & drag out the circle
    4. Open a blank layer above this, go to Edit>stroke and place the stroke inside, on this layer
    5. Merge down (Layer>merge down). You should have 2 layers

      6      Access the magic wand tool. Be sure that "contiguous" is checked on the tool's option bar, then hit delete on the  keyboard

    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 3:11 PM   in reply to EdIsenberg

    For the pie shapes you can use Intersect with selection. Draw a selection that only overlaps in the area you want, and you'll be left with that area as your selection when done.

    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 5:19 PM   in reply to Barbara B.

    For the straight lines, you can access the line tool(U), hold down the shift key to get a straight line. Each line will be on a separate layer. Use the move tool to position the line(s) to suit.


    Here is a link to protractors:

  p=5&gs_id=e&xhr=t&q=protractor&pf=p&sclient=psy-ab&source=hp&pbx=1&oq= protr&aq=0&aqi=g4&aql=&gs_sm=&gs_upl=&bav=on.2,or.r_gc.r_pw.,cf.osb&fp =9662fec27b9e4b73&biw=948&bih=374

    Mark as:
  • Currently Being Moderated
    Jan 30, 2012 12:15 AM   in reply to EdIsenberg
    1. Create a new blank image.
    2. Use the Elliptical Marquee tool to create a large circular selection.
    3. Use Select...Save Selection to save the selection as "Large Circle".
    4. Select...Transform selection, and drag one of the corners to make a smaller circle.
    5. Select...Save Selection to save this as "Small Circle".
    6. Create a new empty layer.
    7. Load the large circle selection.
    8. Stroke the selection with 3px black on the inside.
    9. Create a new layer.
    10. Load the small circle selection.
    11. Stroke it with 3px black on the inside.
    12. In the Layers Palette, highlight both layers containing stroked circles.
    13. Choose the Move tool, and in its Options Bar use Align...Vertical Centers, then Align...Horizontal Centers.
    14. At this point, your image looks like this:
      circles 01.png
    15. and your layers look like this:
      circles layers 01.png
    16. Create a new empty layer.
    17. Use the Line tool and hold down the Shift key to draw a 3px horizontal line filled with black.
    18. Simplify the line layer.
    19. Hit Ctrl+J to duplicate the line layer.
    20. With the Move tool, hold down the Shift key to rotate the copied line 30 degrees.
    21. Repeat steps 19 and 20 until you have all the line segments drawn.
    22. At this point your image looks like this:
      circles 02.png
    23. and your layers look like this:
      circles layers 02.png
    24. Highlight all the line segment layers, right-click on one of them in the Layers Palette and choose "Merge Layers" to get this layer arrangement:
      circles layers 03.png
    25. On the merged layer, use Select...Load Selection to load the "Large Circle" selection.
    26. Select...Inverse to invert the selection and hit your Delete key to trim the line segments.
    27. Deselect All.
    28. Use Ctrl+Alt+Shif+E (Stamp Visible) to create a new merged layer from all the layers.
    29. Use the Fill tool on that merged layer to colour to your heart's content.


    The final layers:

    circles layers final.png


    And the final image:

    circles final.png


    Whooooops!  I see that the line segments aren't centered in the circles.  Add step 24a:

    24a.  Select the layers and use the Move tool's Alignment options to center everything.


    After step 25, you might have to re-align the loaded selection with the image....


    To get the transparency you want in the segments of the inner circle, simply select the segments with the Magic Wand and hit the Delete key, hide all the layers except the top one, then save the image as a PNG:

    circles layers final 02.png




    Message was edited by: photodrawken to add correction.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (2)

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