How To Draw A Dotted Line In Photoshop

In Photoshop, it's always been a challenge to make dotted lines until Photoshop CC. This tutorial is going to testify yous how to make dotted lines in any version of Photoshop, not simply CC.

Let's outset look at how to do custom dotted lines in Photoshop CC, then we will movement on to the old schoolhouse style.

The limitation of the CC method is that we tin but piece of work with paths or shapes. Vectors in other words.

Check out the video that shows exactly how to make dashed and dotted lines in both Photoshop CC and CS versions here. And then read the tutorial, they are dissimilar and supplement each other.

Step 1

Use with the pen tool, or the custom shape tool set to custom shapes or paths. In this case, take hold of a middle custom shape and cull Shape for the options

I take fabricated a heart custom shape.

Step 2

Next to the stroke, choose the color and width from the elevation menu. Click on the line next to size to reveal the Stroke Options. This is where yous tin choose sots, dashes or a solid line.

Stride 3

Click on the More options button to set a custom dot/dash fashion.

hither we have a custom dashed path on our centre shape.

Other method of making dotted lines (Raster/Old School way)

Here is how to make a dotted line, the quondam schoolhouse way that is supported on every version of Photoshop. Besides experiment with dissimilar brush tip shapes for some variations, yous could even use photos.

Run into how to make a custom brush from a photo

Step i

Select the brush tool. (B)

Open up the brushes Panel (F5) or Window>Brushes

Pace 2

Let's change some settings

I chose 5 for the size. Obviously the larger the size, the larger the dots

Information technology'south of import to set the brush to hard

Set the spacing for 150% – More to increase the gap between dots

Footstep three

You lot tin can save the bush if you want to employ it again. To do this, click the icon in the bottom right corner of the Brushes console. You lot only really need to make information technology one time and can alter the size at any time for a larger or smaller ane.

Step iv

To draw a straight line: Click your mouse anywhere, Concord shift and click once again. It will connect the dots, with a prissy dotted line.

Hither is a little example of what is possible with dotted lines.

I created a background and renamed it layer i. Added a new layer on elevation and made some dotted lines.
And so I loaded the pick, selected layer 1, turned off layer two and hit delete.
So I added a white groundwork and a drop shadow for effect.

Get in-the-know!

CS6 Superguide

Join our listing to receive more than tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the costless super guides. No spam, all content, no more once a week.
If y'all're on our list, you will receive it free past electronic mail as soon as information technology'southward available. If not, sign upward now and go the CS6 Superguide for free. Or click the image beneath.