Connect with us


Make a Dotted Line in Photoshop

Making a dotted line in Illustrator is easy—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.

If you've ever made a Photoshop mock-up of a website before getting your hands dirty with code, this little trick may come in handy.

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 and depends on your desired effect. Pay no attention to the waves in the preview. It's the default preview. All you need to be 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

I'm the editor-in-chief of I'm a designer and developer by day, and a writer and musician when the feeling strikes. I enjoy vintage advertisements and puzzles with an absurd amount of pieces. Follow me on Twitter.

Click to comment

More in Photoshop

To Top