Thursday, August 17, 2017

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


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?



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.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...