fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Infographic JS Library Light Painting Effect Photoshop Creator

Create a Dotted Line in Photoshop

Tutorials Basics 17832 Views October 16th, 2011

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!


If you are not familiar with the basic techniques of drawing a line in Photoshop, you might consider taking a look to my previous tutorial how to draw a line in Photoshop. If not, you can begin reading this tutorial and find out how easy it is to make a dotted line, a dotted circle and a dotted outline in general.

Create a Dotted Line in Photoshop

We are going to use the Pen Tool but being something really easy is no need for you to read a tutorial about the use of Pen Tool in advance. So first go to the Brush Tool and select a Hard Round brush, size 3px, black. You will see why. To make a dotted line all you have to do is modify some simple settings on the Brush Tool. Open the Brushes Panel and on the Brush Tip Shape increase the Spacing to 150% or up depending on how you want the line to look like. You can see it in the Preview.

Now take 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. And our simple dotted line is done. You can now delete the Work Path, if you want, or use it to draw other lines. You can move it, resize it, change its shape, rotate it, etc. Just remember you have to have an empty layer selected before you add Stroke Path action otherwise it might not work.

Create a Dotted Curved Line in Photoshop

This method can be applied of course to more complicated, curved work paths and you will obtain curved dotted lines. All you have to do is to modify the Pen Tool path adding more points and give it a curved shape and the rest of the steps remain identical.

Create a Dotted Circle in Photoshop

As you probably already noticed you can make any dotted stroke in photoshop, like for example a Photoshop dotted circle. If you use a vector shape you have to have the Paths selected. So the tools that can be used are the Pen Tool as I mentioned in the previous step, but you can also use the Ellipse Tool, the Rectangle Tool or any other Custom Shape with the Path option selected. Then Stroke Path and here you have your dotted outline.

Hope you liked this basic and easy to follow tutorial and I hope to see you back for more. If you have any questions regarding this tutorial I would be more than glad to help you. See you soon!

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"

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

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Animated Kaleidoscope Photoshop Action
Recent Posts
The Valentine Day is coming in a few weeks so I decided to publish these amazing Valentine Template ...
In this tutorial we are going to create a Valentine's Day party flyer just in time for the famous ce...
Download for free the Valentine Photoshop style with rose pattern and gold border and use it to crea...
2016 will be the Year of the Monkey according to Chinese zodiac. The Year of the Monkey will start f...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email