PSDDude GraphicRiver Portfolio
Advertisment

Create a Dotted Line in Photoshop

Tutorials / Basics , 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!

Find more Photoshop resources...

5 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
PSDDude
11:28 AM Thursday, November 03, 2011
happy to hear that! reply
kyrul
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
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

Leave a comment

Upload your fan art

Share your Psd Dude inspired works


Search This Site
Free Updates

Delivered by FeedBurner

Recent Posts
In this tutorial we are going to create a cartoon landscape with a cute Easter rabbit driving a carr...
I was always a big fan of fairy tales like the ones written by Hans Christian Andersen or Grimm Brot...
The best fantasy fairy tale inspired Photoshop tutorials that you might want to bookmark. This colle...
This is a new collection of free textures for Photoshop that you might want to have. The list contai...
infographic charts and graphics html tags javascript library
long shadow jQuery plugin AI Vault Store Custom Shapes for Photoshop
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Partners
Valid XHTML 1.0 Strict CSS valid!