Make a Dotted Line in Photoshop

by Jay Hilgert
on December 12, 2014

Making a dotted line is easy in Illustrator. You just change it in the stroke palette. Photoshop, on the other hand, is a bit trickier. There is more than one way, but I want to show you how to quickly make a dotted line in Photoshop. Ever make a Photoshop mock-up of a website design before getting down and dirty with the code? This little trick may come in handy.

Make a Dotted Line in Photoshop

1. Open your Brushes Palette

Yep, you are going to be using a brush for this quick trick. Open your brushes palette by going to Window > Brushes, or hit F5 on your keyboard. Once open, click on “Brush Tip Shape” within the Brushes palette and select a very small brush like 1-5px.

Make a Dotted Line in Photoshop

2. Uncheck Shape Dynamics and Smoothing

Make a Dotted Line in Photoshop

3. Adjust the “Spacing” to create the dots

This part is up to you in order to achieve your desired effect. Pay no attention to the waves in the preview. It’s the default preview. All you are worried about here is the amount of space between the dots.

Make a Dotted Line in Photoshop

4. Choose your brush color

If you haven’t already, choose the brush tool in the tools palette, or hit B on the keyboard. Also make sure you select a color for your brush, which would be the foreground color. ( I chose black )

Make a Dotted Line in Photoshop

5. Hold Shift and Drag

With the brush tool, hold shift, drag and bam, perfect dotted line!

Make a Dotted Line in Photoshop

About Jay Hilgert

Formally trained at Oklahoma State, Jay Hilgert is a graphic and web designer, font designer (Link), software developer (Brush Pilotâ„¢), and the founder of BittBox.

Top