Computers Windows Internet

How to make a dotted line in Photoshop. How to quickly draw a straight and beautiful line in Photoshop Dotted circle in Adobe Photoshop

Here is an easy way to create dotted lines... The big advantage of this technique is the advantage over some in simple ways- the fact that you use the built-in brush presets, which opens up a bunch of possibilities. No other programs needed and no manual work with fancy pipes or complicated mouse work.

This is the result of a simple form. Let's start. Let's open new document any size with a small width, let's say 200 width and any height.

First, select the Pencil tool, make sure the settings are applied to all brushes. Before doing anything else, be sure to save your brushes if you already have a fancy curly brush set. You can play around with the settings and you can always load your previous set.


Double click on the second small brush in the palette window. Your palette should look rough when working with a pencil tool. We'll look at versions of the brushes with blurred edges later ...

You can now see the brush settings. An important change to make the dotted line effect. For the simple dashed line I created above, just changed Spacing, choosing 250% ... You can change this in any way up to 999.

Now just draw with your pencil and you will have your own dotted line! To keep your line straight, hold Shift pressed when you draw a line. Another way is to click at the starting point and then, while holding Shift, click on the end point; PhotoShop will make a dotted line between two points!


For practice, try playing with the brush size and dot spacing settings. Also you can download square brushes at Adobe Photoshop> Goodies> Brushes & Patterns> Square Brushes, this will give you square dots, use the same settings. Take the Brush ( Paintbrush) and see what effect it will give, the same thing, only with blurred dots. Apply the same settings to the Spray tool ( Airbrush tool).

Along with the size and distance between the dots, if you need to make oblong dotted lines that are on a line at an angle, just change the angle of the brush. You can change the angle of your brush, in which case the direction of the point on your line changes. You are now an expert on dotted lines in PhotoShop!

Adobe Photoshop has a wide range of capabilities, thanks to which you can solve some applied problems, as well as fully work in one environment without switching to another. The program is intended mainly for bitmap graphics, but working with vector is also possible. Just one of the interesting questions is the construction of the dotted line in "Photoshop SS". The task is not at all difficult, just follow the steps that will be described below. In practice, it is often possible to use more than one construction method, but several.

Construction methods

Not every method will be tailor-made for a specific situation. But on the other hand, there is a universal approach that can create a dotted line of any geometric complexity. For all methods, it is necessary to go through an intermediate stage - setting up the brush. In these settings there are some parameters that can change the spacing and change the thickness of the dotted line.

Customizing brushes

Every user of this graphical environment has used the Brush tool at least once. But not everyone tuned it to different situations in which different setting values ​​were required.

So, before creating the dotted line, you need to select the Brush tool and call context menu settings. Here you should set the required stiffness and thickness of the lines. After the procedure, go to the brushes panel, where the spacing option is located. The interval slider can be moved up to desired value, the optimal solution is considered to be 150%.

Pen tool

After all the transformations with the brush, you can proceed directly to drawing the dotted line. We will create our object using the Pen tool located on the main quick access toolbar. The user can get the dotted line using the transformed contour.

  1. Activate "Pen" and set the first one - the beginning of the line.
  2. We put the second point in the desired place where the geometric object will end.
  3. The next step is to create a new layer, which can be added using hotkeys or on the layers control panel.
  4. Now you should click on the resulting contour right click mouse and in the window that appears, select the item "Stroke the path".
  5. Another window will pop up, displaying the stroke method. The default value is "Brush" - we confirm.

Any version of the program, for example "Photoshop CS6", supports the dotted line. After all the steps passed above, we get a straight line, but, in addition to it, you can create a curve with a dotted line.

The operation for drawing a curve is no different from drawing a straight line. The only step that will be changed is creating and extruding anchor points. Below are some additions:

  1. Create an anchor point with the same Pen tool.
  2. Find the right place on the canvas and pinch left button mouse - we try to transform the radius of curvature to the desired value.
  3. You can continue creating the curve with new arcs, which are made in the same way as in step 2.

The subsequent stages remain unchanged - the general picture of operations does not change, and everything is done exactly as in the case of the straight dotted line in Photoshop.

Other tools

With the help of graphic objects, it is possible to create a geometric border of figures in the form of lines with a dotted line. All of these charting tools are located in one cell on the main panel. With their help, you can create the same as the most primitive shapes: line, polygon, ellipse; and arbitrary, which were loaded automatically into the editor: an arrow, a star, a dialog cloud and others. Whichever tool you choose, each has its own settings and parameters, which are displayed at the top of the program in its header. You can stroke any shape in much the same way as with the Pen tool:

  1. We choose the right tool and recreate the object. Important note - the created shapes automatically have their own layer, which can be rasterized later.
  2. We manage the settings and set the optimal ones that the user will need.

Right-click on the object and select the "Stroke the path" item. A familiar dialog box will pop up where you need to select the "Brush" option.

Now a shape will appear on the screen, edged with a dashed line along the contour. New object you can continue editing as you see fit.

There is no “right” way to draw lines in Photoshop - every artist and designer eventually finds their own methods and chooses the tools they are comfortable with. Whether you are using the Line tool, Pen tool, or Brush tool, you can go for a creative project different ways and still get the same results. In this how-to 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 choose 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 set 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, you can 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 in the top options bar, 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 brushstrokes 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 on 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 are drawing a line. Alternatively, click at the start point, then hold down SHIFT key 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.

Photoshop is not a program for creating drawings, but still sometimes it becomes necessary to depict drawing elements.

In this tutorial, I will show you how to make a dotted line in Photoshop.

There is no special tool for creating dotted lines in the program, so we will create it ourselves. This tool will be a brush.

First, you need to create one element, that is, a dotted line.

Create a new document of any size, preferably smaller, and fill the background with white. This is important, otherwise nothing will work.

We take the tool "Rectangle" and set it up as shown in the pictures below:



Choose the size of the dotted line according to your needs.

Then we click anywhere on the white canvas and, in the dialog box that opens, click OK.

Our figure will appear on the canvas. Don't worry if it turns out to be very small in relation to the canvas - it doesn't matter at all.

Give a name to the brush and click OK.

The tool is ready, let's take a test drive.

Choosing a tool "Brush" and in the palette of brushes we are looking for our dotted line.


Then press F5 and in the window that opens, set up the brush.

We are primarily interested in intervals. Grab the corresponding slider and drag to the right until there are gaps between the strokes.

Let's try to draw a line.

Since we most likely need a straight line, we will extend a guide from the ruler (horizontal or vertical, whichever you want).

Then we place the first point on the guide with a brush and, without releasing the mouse button, hold down SHIFT and put the second point.

You can hide and show the guides with the keys CTRL + H.

If you have a steady hand, then the line can be drawn without the key. SHIFT.

To draw vertical lines, you need to make one more setting.

Press the key again F5 and we see such a tool:

With it, we can rotate the dotted line to any angle. For a vertical line, this will be 90 degrees. It is not difficult to guess that in this way you can draw dotted lines in any direction.



Here, in a simple way, we learned how to draw dotted lines in Photoshop.