how to draw a dashed line in photoshop

In Photoshop, information technology'due south e'er been a challenge to make dotted lines until Photoshop CC. This tutorial is going to show you how to make dotted lines in any version of Photoshop, not merely CC.

Let's showtime look at how to exercise custom dotted lines in Photoshop CC, then nosotros volition movement on to the old school way.

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

Bank check out the video that shows exactly how to make dashed and dotted lines in both Photoshop CC and CS versions hither. Then read the tutorial, they are different and supplement each other.

Footstep one

Use with the pen tool, or the custom shape tool ready to custom shapes or paths. In this case, grab a heart custom shape and choose Shape for the options

I have made a eye custom shape.

Step ii

Next to the stroke, choose the color and width from the top menu. Click on the line side by side to size to reveal the Stroke Options. This is where you can cull sots, dashes or a solid line.

Step three

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

hither we accept a custom dashed path on our heart shape.

Other method of making dotted lines (Raster/Old Schoolhouse mode)

Here is how to make a dotted line, the old school way that is supported on every version of Photoshop. Besides experiment with different brush tip shapes for some variations, y'all could even employ photos.

See how to make a custom brush from a photo

Footstep ane

Select the brush tool. (B)

Open the brushes Panel (F5) or Window>Brushes

Pace 2

Allow's change some settings

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

It's of import to fix the brush to hard

Set the spacing for 150% – More to increment the gap betwixt dots

Pace 3

You can save the bush if you desire to apply it again. To do this, click the icon in the bottom right corner of the Brushes panel. You but really need to get in one time and can change the size at whatsoever time for a larger or smaller i.

Stride 4

To depict a straight line: Click your mouse anywhere, Hold shift and click again. It will connect the dots, with a nice dotted line.

Here is a trivial case of what is possible with dotted lines.

I created a background and renamed it layer 1. Added a new layer on peak and made some dotted lines.
Then I loaded the selection, selected layer 1, turned off layer ii and hit delete.
Then I added a white groundwork and a drop shadow for effect.

Make it-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the gratis super guides. No spam, all content, no more than once a calendar week.
If you lot're on our listing, you will receive it gratuitous by email as soon equally it's available. If not, sign up now and get the CS6 Superguide for costless. Or click the image below.