All posts in Uncategorized

How to draw a single dotted or dashed line in Photoshop CC 2014

OK, so we can do dotted and dashed strokes on a path now in Photoshop CC and CC 2014. Awesome. This works on shapes. But how to create a single (1px or 1pt) line that could be used for example as a divider in your interface design?
stroke options@2x

1. Draw with Line Tool? No.

Nope. Photoshop actually creates a 1px rectangular shape with strokes on both sides. With a 1px or 1pt stroke this doubles your stroke and messes up appearance. (Does anybody ever use the Line Tool?)

Drawing a line using the Line Tool

2. Draw with the Pen Tool? No.

Should work, but doesn’t. The path line is there. But whatever stroke option you pick isn’t. Frustrating…

Drawing a line using the Pen Tool

3. Delete Anchor Point Tool from an existing shape? No.

Would be a nice hack. Doesn’t work. By removing points the shape is still in tact. Not sure how that works when 2 points are left, but it simply doesn’t fill, and it doesn’t stroke. Too bad.

example 3 delete tool

4. Select anchor point and press BACKSPACE/DELETE. Yes!

Yes! Almost similar to the previous. The shape doesn’t connect as a whole anymore. The final path with two open ended anchor points get a nice stroke between them.

This is the way to go. Select an anchor point with the Direct Selection Tool (White Arrow) and press backspace or delete.

example 4 delete backspace