Dotted line in Photoshop. Dotted Line in Photoshop How to Draw a Dotted Straight Line in Photoshop

3 votes

Good day, dear readers of my blog. It would seem, what is it worth to draw a straight line in Photoshop? Hold down Shift and here you are. Nevertheless, this can be done in three ways. The result of each will be different.

In this article, you will learn three ways to draw a straight line in Photoshop. Which filter to apply to create the wave. How to do it with another interesting tool. I will show you how to achieve a dotted line and draw at a specific angle.

Lots of information awaits you. Let's get started?

Line tool

First, I'll show you how to use a tool that is designed to create straight lines. At this point, you can have a rectangle, oval, ellipse or polygon. Just hold down the button for a few seconds left button mouse to open a menu with additional tools.

First, the important thing. One of the most important parameters is thickness. Thanks to the line, you can even draw rectangles. You just need to make it fatter.

Next comes Fill and Stroke. Click on the color plate to the left of the labels and choose a shade. If you want to stroke, fill in its width. Now, my screenshot shows a variant without it. The no color icon looks like this. Gray line crossed out in red.

You can see the settings and the result in this screenshot. Not very visible, but the thickness is 30 pixels. In a large picture, 30 pixels may look like a modest strip. Everything needs to be adjusted to your own sizes.

This is what the line will look like if you choose red for the stroke.

The next button will allow you to draw a dotted stroke.

If you decrease the thickness and remove the fill, you just get a dotted line.

Here you can also align the stroke to the inside, outside, or center of your path.

And round off the corners. True, this will not be so noticeable.

If at the moment when you are drawing a line, press Shift, then Photoshop will automatically create a straight line. Horizontal or vertical. Depending on where you are taking her.

If you need a line at a certain angle, then the easiest way is to look at what the information window shows and correct it manually, pointing in a certain direction.

Well, now I'll show you another one.

Brush tool

I drew these rectangles using brush lines.

Choose the type and size appropriate for the brush line.

Place a point at the estimated beginning of the line, hold down Shift and left-click where the strip should end.

There are two lines in front of you. The yellow one painted with the Line tool, purple brush.

How to make a wave

No matter what tool you use, the easiest way to make a wavy line is with a filter. Go into this category, find "Distort" and select "Wave".

Guided by the picture with a preview, you will quickly understand what's what and how to set it up. The amplitude should be approximately the same. If it doesn't work, you can just click on "Randomize" until a suitable one appears.

The last applied filter always has fast access... Apply it to the yellow stripe layer painted with the tool.

This is the result I got. As you can see, it is different.

Pen tool

To be honest, I still can't use the pen professionally. I know that they can draw whatever they want: smooth, fast, fun and cool, but it takes me a lot of time and the result is not always at the level that I expected. Nevertheless, I can even draw straight lines with a pen. Curves are worse, but I'll try. I choose "Pen".

I put a point, then a second. Until I release the mouse button I adjust the smoothness.

I do the same with every new point.

After all the manipulations are completed, right-click and select "Stroke the path" in the menu that appears.

Several tools can be selected: pencil, brush, stamp, pattern, and so on. Now let this be a brush.

Click on the right mouse button again and select "Delete outline".

Here is the result I got.

Well, don't forget that you can always use your collage maker skills. Read the article about how, and you can take a line from any picture and insert it into your image.

If you want to learn how to professionally use the pen and other tools that are in Photoshop. I can offer you a course " Photoshop for beginners in video format ».

Lessons created by professionals will teach you everything you need to know about this program. You will save a lot of time looking for answers to this or that question. Ideas on how to complete the task will spontaneously appear in your head.


By the way, do you know how to make sure that you always have interesting needs related to Photoshop? It can take your relationship with this program to the next level. All you need is a passion for web design. People of this profession never sit around. There are always clients, projects and new tasks.

There is work for everyone, and you can do what you really like and bring good money. Read the article about, or. Stop inventing tasks for yourself, let someone else pay money for your time.

Not sure where to start? Take the course “ The Basics of Commercial Web Design ". Try a few free lessons, it will help you understand yourself and understand if you are ready to master new horizons.


An online course with the support of the author is a reliable investment in your future profession.

So that is all. It's up to you to do it. Decide when you are ready and start conquering new heights. If you liked this article - subscribe to the newsletter and every day one step closer to the cherished goal.

Learn as much as you can about the internet, write your success story, stop waiting. Take action. Others make your dream come true every day. Today they are doing what you have been wanting for so long. Do they think about being ready? The moment is right now. Don't miss it. You have the strength to do it.

I wish you good luck. Until next time.

As a reminder, the brush or pencil must already be set up. After selecting the tool, click OK, and points will appear on the path. The points made with the brush turn out to be somewhat blurry, so after applying the points it does not hurt to apply the Sharpen Edges filter, select the settings individually.

Here is an example of a drawing obtained using the above gestures:

The following brush settings were applied:
Text: pencil type, size 3 px, hardness 100%, spacing 180%
Underline: Type - Brush, Size 3 px, Hardness 100%, Spacing 205%
Frame: Pencil Type, Size 6 px, Hardness 100%, Spacing 180%

Well, the dotted frames seem to be sorted out.

Create frames from dotted lines

Rectangular frames, i.e. consisting of vertical and horizontal lines do not cause any problems.
You can draw them using a rectangular brush from the default Photoshop set. Open the brushes control panel and load them as shown in the picture:

You can draw a horizontal line with such a brush. But vertical will no longer work, or rather, it will work, but ugly:

To create a vertical dashed line, rotate the brushprint 90 or 270 degrees:

Now you can safely draw a vertical dashed line:

But if I need a dotted line in a circle or along any curve, then this method is no longer suitable. If you ask the world mind, then he, the mind, will advise you not to do nonsense with a dotted line in Photoshop, but to use Adobe illustrator, create a layer with the desired line in it, and transfer it to Photoshop. I don't use Illustrator, and I need to create a circular dotted line in Photoshop. It turned out that there is a way, and quite simple. It took me ten minutes to invent it.

Choose a round brush, set the print diameter to 9 pixels, spacing 170%. Create a path, stroke the path, as in the case of the points.
Next, right-click on the path, select the "Make Selection" item with a feathering radius of 0. Here is an enlarged fragment of the picture:

Then go to the tab Selection -> Modification -> Border (Select -> Modify -> Border), set the width to one or two pixels.

Now you need to invert the selection by pressing the Ctrl + Shift + I key combination. Remove unnecessary items by pressing the Delete key.
I got a nice dotted circle like this:

In some places, there are, of course, small artifacts, but you can fix them in a few clicks with an eraser.
Thus, the dotted line can be drawn on any contour, for example, circle

There is no “right” way to draw lines in Photoshop — each artist and designer eventually finds his or her own methods and chooses the tools they are comfortable with. Whether you are using the Line tool, Pen tool, or Brush tool, you can come up with a creative project different ways and still get the same results. In that practical guide we'll show you how to draw straight lines in Photoshop using the many drawing tools available in this program.

Line tool

To find the Line tool, click and hold the mouse button over the Rectangle tool on the main toolbar. A menu for selecting the shape of the tool will open. If any shape tools are enabled, you can also select the Line tool from the top options menu.

Why is the Line tool considered a shape? Basically, the Line tool just creates thin rectangles that look like lines because the Fill and Stroke colors are the same. If you want the line to be empty inside (like a rectangle), just turn off the fill.

It is easy to draw straight lines with the Line tool. Just click anywhere in the image and drag the line in the direction you want. If you want to draw a strictly horizontal or vertical line, hold down the Shift key while dragging and Photoshop will take care of the rest.

Once you've learned how to draw straight lines in Photoshop, you can experiment with the advanced options and create dashed lines from dots or strokes. To find these options, click the Stroke Options icon on the left side of the options bar, and then select More Options. Here you can define and save custom settings, turn on the dotted line, and select the length of dashes and spaces.

Brush tool

The Brush tool also lets you draw straight lines and, unlike the Line tool, lets you create your own brush styles. The Brush tool is located on the main toolbar, separate from the shape tools.

To create perfectly straight lines in any direction, hold down the Shift key while drawing with the Brush tool. To create a shape from several lines, draw a line while holding Shift, release the mouse button, press the Shift button again, and then start drawing a new segment from the end point of the last line.

Like the Line tool, the Brush has many stroke options that you can change to top panel parameters including hardness, opacity, and brush style. We recommend adjusting these settings before you start painting strokes because the changes will not be applied to all the brush strokes you have already made.

Pen tool

Finally, the Pen tool is extremely useful for drawing straight and curved lines. To select the Pen tool, click on the pen-shaped icon in the main toolbar, then click on the image to set the starting point, and again to set the ending point. Photoshop will automatically create a straight line between the two points, no matter where they are located in the image. If you hold down the Shift key while specifying these points, you can create line segments with angles of 45 and 90 degrees.

author Oleg asked a question in the section Other languages ​​and technologies

How to make a dotted line in Photoshop? and got the best answer

Answer from Dagpress-Media [guru]
Select the Pencil tool. Double click on the second smallest brush in the Brushes palette. Spacing up to ~ 250%. Now just draw a line with your pencil and you will get a dotted line. To make a line straight, hold down the SHIFT key while you draw a line. Alternatively, click at the start point, then SHIFT at the end point of your line. Photoshop will create a dotted line between these two points. You can change the brush size and increase the spacing to get a variety of punctures. Also, you can download a set of square brushes.
Link to lesson.ru / 2011/11 / blog-post_2336.html

Answer from Lud @ Mila[guru]
In Korela, this is done through the outline (outline pen). maybe in Photoshop, something like that.


Answer from Fiery[guru]
can be drawn in Illustrator, copied and pasted in Photoshop


Answer from Akimov Gleb[guru]
And CS6 already supports this feature, you can immediately select a ready-made dotted stroke.