Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

How can I make a dashed or dotted lines in Photoshop?

share|improve this question

10 Answers 10

up vote 15 down vote accepted

Rounded dotted lines are easy,(using a round brush as base) just setup the spacing bigger in "brush tip shape" settings.

When wanting dashed ones, add square tip brushes if you havent got there, it comes default in the "load brushes" list at brushes window (accessing from right top corner icon in this brushes window). Choose a square tip brush. In brush tip shape settings again, just set the "roundness" at a low value, ie, 30%. Angle at 0º or 180º. You will want the strokes to follow the curve. For this, check "shape dynamics", and in 'angle jitter', set "direction" (just that).

A good combination is to use photoshop paths and then stroke to path. This can give you extra accuracy and flexibility.

Edit: Sorry, forgot. Remember to setup angle jitter to zero.

share|improve this answer
    
You don't need a square tipped brush, just use the pencil tool (hold down on the brush tool, it'll show up under the brush). The pencil doesn't do soft, it's either a painted pixel or not. –  dkuntz2 Jan 12 '11 at 6:34
4  
@Dkuntz2: That's a good reason not to use the pencil tool. Unless you're doing pixel art, you usually want there to be antialiasing. This is especially true if your dashed line isn't straight horizontal or vertical. –  Calvin Huang Jan 13 '11 at 4:34

The easiest way is to get the new Photoshop

Yes, finally, at version 13, in Photoshop CS6 each Shape can have a Stroke. It can be dashed... took them 13 versions of Photoshop but they finally came round to it

P.S. - It also has lots of new great stuff. Moves kind of slow on my laptop, but still.. I recommend it, have a look at these videos to see the new stuff it has:

http://www.lynda.com/Photoshop-tutorials/Photoshop-CS6-Beta-Preview/97406-2.html

share|improve this answer
1  
Probably the most expensive way, too. :-p –  Anonymous Jun 1 '12 at 10:17

Try using Text tool and play with it's options.

-------------- _ _ _ _ _ _ _ – – – – – – – –

share|improve this answer
    
Dont know why this was downvoted. It is by far the simplest option and the one I ended up using. Worked well. –  Mongus Pong May 10 '13 at 22:22
    
Thanks for the great idea, such a relief for pre-CS6 users :) –  mojuba Sep 4 '13 at 15:38
    
hahaha, amazing –  John Mar 27 at 13:57

My quickest solution to this would be to use Illustrator to create the line and then copy it into Photoshop as a smart object. This way it is still easy to edit.

share|improve this answer

In photoshop CC i used line tool with stroke option set to one of dashed line types. also there is more options for having a perfect and fully customized dashed lines.

share|improve this answer
    
This is how I did it, worked great. –  Seer Nov 15 '13 at 13:30

You could make a pattern, start with a blank canvas double the size of the dashed lines you want to make (or the size of the line plus spacing on one side only), and add in the line once. Than click edit -> define pattern.

In your main project, select the area to receive the dashed line and fill it in with your new pattern (you may need to move the pattern depending on where you put the pattern in the first image).

share|improve this answer
    
This is a good option IF your lines are vertical or horizontal. For curves or angled lines, this simply won't work the way the OP wants it to. –  Tom Auger Jul 12 '12 at 19:09

Simply select the brush tool >> select your brush. Then press F5 to access the brush properties. Go to brush tab >> adjust the spacing. I hope that helps.

share|improve this answer

I wanted a straight dashed line, so I used the line tool, rasterized the level, and then erased sections using my eraser circle as a rough length measurement.

share|improve this answer

Dotted lines in photoshop tutorial

In Photoshop, it’s always 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.

Step 1

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

Step 2

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

Step 3

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

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

Step 1

Select the brush tool.

Open the brushes Panel (F5) or Window>Brushes

Step 2

Let’s change some settings

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

It’s important to set the brush to hard

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

Step 3

You can save the bush if you want to use it again. To do this, click the icon in the bottom right corner of the Brushes panel.You only really need to make it one time and can change the size at any time for a larger or smaller one.

Step 4

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

share|improve this answer
1  
Or just set the stroke to dashed in the stroke options.... –  Scott Jan 19 at 9:16

CS5 This works best for boxes and rectangles but it can work for other shapes too.

1) Create a new layer for your shape. If one of the shape tools will give you the shape you need, choose it.

2) Select the fill pixels button in the Shape Options on the Shapes Toolbar. I use a white fill because it is easy to remove.

3) Create a shape.

4) Double click on the Shape Layer on the Layers Panel to bring up Blending Options.

5) Click the Stroke check box. Double click on the word Stroke next to the box you just checked to get the Structure and Fill Type boxes.

6) Choose Fill Type Color and choose your color.

7) Click on Styles at the top left. Pick a dotted line that you like. I like the 4th one from the top left.

8) If you go back to strokes and click twice you'll get the Structure and Fill type boxes. Hold down the left click on your mouse over the shape and you can move the pattern around to improve the border. Play with Scale, Size and opacity to find a design you like.

share|improve this answer
    
Thanks for the contribution and welcome to GraphicDesign! Would you mind adding some more explanation to your answer so it's more full? If you have any questions please let us know –  Mark Mussler Mar 5 at 21:36

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.