Make sharp dashed line path stroke on rounded corners in Photoshop?


Question

Following this answer, I've tried to make rounded corners with dashed stroke, but the output is blurry. Is there any method to make a sharp dashed stroke in Photoshop?

1
0
4/13/2017 12:46:00 PM

Accepted Answer

Since you have access to Illustrator, the easiest way to do a dashed stroke is to create the stroked shape in Illustrator and copy/paste it into Photoshop.

Since you're unfamiliar with AI, here's a quick step-by-step:

  1. Use the Rectangle Tool (M) to create your shape:
    enter image description here
    enter image description here

  2. With your shape selected, EffectStylizeRound Corners...
    enter image description here

  3. With your shape still selected, Open your Stroke palette and set the Dashed Line attributes to your liking.
    enter image description here

  4. You now have a shape with a dashed stroke. Copy it and paste into Photoshop. If Photoshop asks how you want to paste, choose "as pixels".
    enter image description here

Note on above: Illustrator's display will likely anti-alias your shape. If you screengrab and then paste into Photoshop, you will still have "blurry" problems. If you copy and paste the object itself, you will not have this issue. You should also keep your shape dimensions in whole-pixel increments to avoid Photoshop anti-aliasing when it pastes the pixels.

3
6/20/2011 12:10:00 AM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^