Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a Dotted Line in Photoshop

www.psd-dude.com
Tutorials Basics 23728 Views October 16th, 2018

To draw a dotted line in Photoshop is easy if you know the right method to do it. This tutorial teaches you how to obtain different dotted outlines in just a few seconds. Learn how to make dotted lines, dotted circle and virtually any dotted outlined shapes.


I hope all the newbies will find this tutorial useful as well as easy to follow. See you soon for more Photoshop basics!

Advertisment

Dotted Line in Photoshop

To draw a dotted line in Photoshop you need a dotted brush. You can either create the dotted brush yourself or you can use one of these Dotted Brushes for Photoshop. In this tutorial I will first teach you how to create a dotted brush. Second, I will show you how to make a dotted line in Photoshop. Also you will learn to draw a dotted circle and a shape with dotted outline.

Create a Dotted Brush in Photoshop

To create a dotted brush in Photoshop, pick the Brush Tool and select a Hard Round brush.

Open the Brush Settings Photoshop panel. On the Brush Tip Shape tab you have to increase the Spacing of the brush to 150%. The spacing of the brush has to be higher than 100% to get a dotted line brush.

dotted brush in Photoshop

You can also set the size of the brush to get different dotted lines like you see in the preview image. To use the dotted brush you have to save it. So click on the right top corner button and choose New Brush Preset.

1. Create a Dotted Line in Photoshop with Brush Tool

Now you can use the dotted brush to create a dotted line. Use the Brush Tool and simply draw using the dotted brush. If you want to obtain straight lines you have to hold down the Shift key.

dotted line in Photoshop

2. Create a Dotted Line in Photoshop with Pen Tool

Another method is to use the Pen Tool and the Brush Tool to draw a dotted line in Photoshop.

Pick the Pen Tool(select Paths) and draw a line with 2 points that is now a working path. You can see on the Layers window that we also have a Path tab. If you check it you will notice that our line is now added as a Work Path.

To draw a line just right click on the Work Path and choose Stroke Path. From the list choose the Brush Tool.

You have to have a layer selected before you click Stroke Path otherwise it might not work.

dotted line Photoshop

Create a Dotted Curved Line in Photoshop

This method can be applied to curved paths and you will obtain curved dotted lines. All you have to do is to create a curved path using the Pen Tool. Then you stroke path like in the previous step.

curved dotted line in Photoshop

Create a Circle with dotted outline in Photoshop

You can make any dotted stroke in photoshop, like for example a Photoshop dotted circle. So, use the Ellipse Tool, the Rectangle Tool or any other Custom Shape with the Path option selected. Then Stroke Path and you get a circle with a dotted outline.

circle with dotted outline in Photoshop

How to draw a line in Photoshop

If you are a beginner you might want to take a look at my previous tutorial on how to draw a line in Photoshop.

5 ( 100 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

6 comment(s) for "Create a Dotted Line in Photoshop"

PSDDude
11:28 AM Thursday, November 3, 2011
happy to hear that! reply
psddude
4:48 PM Monday, November 14, 2011
:) hi kyrul, I am glad you like my tuts! reply
umairgh
umairgh
6:47 AM Friday, February 17, 2012
nice tutorial........ reply
Kuna
Kuna
5:04 AM Wednesday, October 29, 2014
I am very happy with this tutorial. I got more knowledge about design. reply
Tilly Webb
Tilly Webb
1:06 PM Monday, April 29, 2019
Nice tutorial, i am new to photoshop and learned this stuff so easily. Looking forward to learn more unique things here. Thanks! reply
kyrul
kyrul
1:06 PM Monday, April 29, 2019
gulp ! thankz sharing . i can improve my design by using this tutorial .my name is kyrul. malaysian designer ;) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Glitter Effect Photoshop
Animated Kaleidoscope Photoshop Action
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top