How to make a Dotted Line in Photoshop

If you’re a webdesigner you most likely use Photoshop to create mockups of webpage designs for your clients. One technique I use in a lot of my website designs is dotted borders. They add a lot more visual interest than a regular underline, and work great to break-up sections of content.

So it’s easy enough to create a dotted line with CSS for the web, but how do you create a dotted line in Photoshop for your mockups? It’s actually rather simple; (as anything is when you know how I suppose).

Step 1
Choose the brush from your tool bar.

Step 2
Open up your brushes (under Window > Brushes). Uncheck all options on the left, and move the “spacing” up to 250% (more or less for different spacing obviously. You’ll see the dots separate in the preview.

Step 3
Draw a line with your brush on your canvas, and your line will be dotted. Hold shift for a straight line.

There it is.. How to create dotted lines in Photoshop!

ilz out!