CreativePro Tip of the Week: Creating Dotted Lines in Photoshop

This CreativePro Tip of the Week on creating dotted lines in Photoshop was sent to CreativeProse email subscribers on June 7, 2017.

Sign up now and every week you’ll get a new tip, plus roundups of new articles, and exclusive deals sent right to your Inbox!

Just scroll down to the bottom of this page, enter your email address, and click Submit! We’ll take care of the rest. Now, on with the tip!

Ever want to make a dotted line in Photoshop? It’s very easy! Here’s how:

1. Open the Brushes panel

2. Select a round brush

3. Set the Size to how big you want the dots to be.

4. Make sure the Roundness and Hardness are both 100% (Unless you want flattened or feathered dots. Which is fine. I’m not here to judge. You do what you gotta do.)

5. Set the spacing value to space out the dots. A Spacing value of 100% will make the dots just touch each other. 200% will put a space the width of one dot between the dots, etc.

dotted line brush settings in Photoshop

6. Brush away to make dotted lines. Shift-click to draw straight lines.

dotted lines in Photoshop

If you expect to re-use your dotted line settings save them as a brush preset. That way you don’t have to keep reinventing the dot, er, wheel, each time you need this effect.

Photoshop dotted line brush preset

Posted on: June 12, 2017

Mike Rankin

Mike is the Editor in Chief of, InDesign Magazine, and He is also the author of several video training series, including Font Management Essential Training, InDesign FX, and InDesign CC: Interactive Document Fundamentals.

Leave a comment

Your email address will not be published.