Create a frame from dots, dashes, dashed lines in Photoshop. Dotted line in Photoshop How to draw a dotted line in Photoshop

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

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 we 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

In this tutorial, I'll show you how to make dotted lines. The easiest way: we will take the "pen" with you, select the "shape" mode, set the "fill" to "no color" and choose the color for the stroke that we wanted. Let it be blue. Also at this stage we need to choose how thick the dotted line will be. Let's say 2 pixels and choose what it will be. Whether it will be dots or will it be dotted lines. Let's pick them out.

And just draw an arbitrary line that we will ultimately need. After we press "Enter", the outline disappears, only a dotted line remains. This is the easiest way, but it doesn't always work. On some versions of Photoshop, this will not work. And for this there is a second way, in which we also need the pen tool.

Here we are already drawing in the "contour" mode. We also create the bend that we would like. Let it be just such a semicircle. And now we need to switch to the Text tool. Move the cursor to the path, and we will see that such a small dotted line appears next to our cursor. This means that when we click, our path will turn into editable, and here we can write some text. But since we are creating a dashed line, we just need to click on the dash many times. We got such a contour. Also, this contour can be outlined with dots. The second way is text.

And one more way, it is also outlining the path using the brush tool. The first step is we set up the brush with you. To do this, we need to make this brush first. We create new document: Ctrl + N. The width is -27 pixels and the height is 6. At this stage, we need to set the size that will be equal to the size of the stitch. We choose transparent background... Click "OK". And fill this document with black. Now we need to define a brush: edit / define a brush. Let's name it and click OK. This document can be deleted.

Go back to our main document, select the "brush", and as you can see, here it is already there. Set the brush opacity to 100% and go to the palette settings and slightly change its parameters. We definitely need to increase the number of intervals, and go: brush dynamics / control / direction. And then our brush will repeat the curves of the path. Also at this stage, set the color with which your brush will paint, and choose a size, you can make it a little smaller.

Now take the pen tool as well. We draw the path that we need. We also operate in contour mode. Bring the tool "pen" to the very path and with the right mouse button call " context menu/ perform a stroke of the path / select our brush (the one that we set in the previous step will be selected. Press "OK". The brush has completely repeated the curve of the path.

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.

Special tool for creating dotted lines does not exist 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 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 the 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 its help, 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.

How to make a frame from dots, strokes, dashed lines in Photoshop

In this article, as the title suggests, we will look at ways to draw dashed, dashed and dotted frames. Let's decide right away: we will draw all the frames on a new layer! Looking ahead, I will say that the method described below refers to versions of Photoshop CS5 and below.

Creating frames from points

Such frames are created using an ordinary round brush from standard set by Photoshop. Frames can be round, oval. rectangular, as well as any irregular shape, because they are described along the contour. Let's set up the brush first. If someone doesn't remember, to open the brush settings panel, select the Brush tool, and then click on the corresponding button in the settings panel. In the picture above, the following settings were applied for the inner round and inner square (click on the image to enlarge):

Now let's create a contour, according to the shape of which the frame should be, this can be done using any contour tools, Pen Tool, Rectangle Tool, etc. The contour can be either closed or open. Next, right-click on the contour. Important: the contour tool must be active at this moment! In the window that appears, select the line "Stroke the path" (Stroke path). A new window will open where we will be prompted to select a stroke tool. V this case a brush or pencil (Pencil) is suitable for us. 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 screenshot obtained using the above operations:

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

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. Next, set the brushes with settings approximately the same as those set above for the round brush. Then we slightly stretch the shape of the print, this is shown on the screen:

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 add 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. 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 the screenshot:

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 raster graphics, but working with vector graphics 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 universal approach which 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 set it up for different situations in which different settings were needed.

So, before creating a dotted line, you need to select the Brush tool and call the settings context menu. Here you should set the required stiffness and thickness of the lines. After the procedure, go to the brushes panel, where the interval option is located. The interval slider can be moved up to desired value, optimal solution is considered 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, which is located on the main panel quick access... The user can get the dotted line using the transformed contour.

Activate the "Pen" and set the first one - the beginning of the line.
We put the second point in the desired place where the geometric object will end.
The next step is to create a new layer, which can be added using hotkeys or on the layers control panel.
Now you should click on the resulting contour with the right mouse button and select the "Stroke the contour" item in the window that appears.
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:

Create an anchor point with the same Pen tool.
Find the right place on the canvas and pinch left button mouse - we try to transform the radius of curvature to the desired value.
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

By using 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 automatically loaded into the editor: an arrow, a star, a dialog cloud and others. Whichever tool you choose, each has its own settings and options, 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:

Select the desired tool and recreate the object. Important note- the created shapes automatically have their own layer, which can be subsequently rasterized.
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.