: How to draw a dashed circle in photoshop cs5? I want to know how can I draw a dashed circle in photoshop, I am using photoshop CS5. In one of the article I found that by using pattern

@Nimeshi706

Yes Adobe Illustrator is better choice but If you want this effect in Adobe Photoshop then Use these simple steps

Draw a circle with Ellipse tool shape and draw another circle inside it by subtracting that smaller circle with it.

Than make rectangle shape subtracting the combined circle beneath them adjust the gap you want to have in dashed circle.

then rotate that rectangle in particular angle to get the gaps

For more clear info watch this Video.

Vote Up Vote Down

@Phylliss782

I know this is coming in a bit late in the game but if you absolutely have to use Photoshop (or do not own Illustrator) this is doable. And is especially useful if this is for a website.

First you create your custom shape ( or circle in your case ) make sure it becomes a path. Then you create a custom brush. You do this by opening up your brush options in Photoshop. You then skew the size of your brush to an oblong sized brush and adjust the spacing. Save your new custom brush.

Then go back to your path and select your brush and stroke the path.

Vote Up Vote Down

@Radia289

Photoshop's not the first tool I'd use to do something like this (Illustrator would be my choice), but you can achieve those results by stroking a path using a square brush with the right settings.


Create your circular path using the Ellipse tool.
Select the Brush tool and load the Square Brushes brush set. Select one of the square brushes.
Open the brush options palette and change the Brush Shape settings:


First, change the spacing so that there are gaps in the brush stroke (ex. 240%).
Then change the square to a rectangle so it looks more dash-like by adjusting its "Roundness" (ex. 50%).
Next, adjust the size of the brush as appropriate for the thickness of the stroke you want (ex. 12px).

Then change the Shape Dynamics, setting Angle control to "Direction".
Now select the Path Selection Tool (A) and right-click on your circular path and select "Stroke Path..." and choose "Brush" as your tool.


You should be able to come up with something like this:



Better Way

The above method is fairly quick, but because of the way the brush is transformed, the results are somewhat crude. So here's a better method using vector paths:


Use the Ellipse tool to create a circular path.
Duplicate the circular path and then using Free Transform, shrink the path to create the inside edge of your eventual stroke.
Combine the 2 paths by subtracting the inner circle from the outer circle.
Use the Polygon tool to create a triangle (set number of sides to 3 and hold Shift to make sure it's straight) that points down. Move the triangle so that the bottom vertex snaps to the center of your circles.
Free Transform the triangle and stretch it vertically, pulling the top edge of the bounding box past the top of your circular stroke. Adjust the width of the triangle to the length of the dash (or gap) you want your stroke to have. Apply the Transformation.
Free Transform the triangular path again. This time set the reference point to the bottom center and rotate by an even angle (e.g. 10°, 15°, 20°, 30°, etc.). Apply the transformation.
Hold Alt and hit Ctrl+Shift+T to repeat the transformation with a new copy of the path. Do this until you've made a full circle with the triangular paths.
Select all the triangular paths and combine them additively. Then either subtract (if you want to use them as the gaps) this new path from the stroke path, or combine it with the stroke path via intersection.
Now you should have a vector path of a dashed circle, and you simply have to go to "Layer"->"New Fill Layer"->"Solid Color..." to add it to your composition.



This method takes longer, but the result will be cleaner. You can also resize the path easily, as well as save it as a custom shape. Or you can just save the triangular paths as a custom shape so you can re-use them to intersect/subtract them from a circular stroke path of different thicknesses in the future.

Vote Up Vote Down