>

How to make a straight line with a brush in Photoshop. Photoshop lesson. How to draw a line in Photoshop

Using a tool Pen Tool

Using a tool Pen Tool(Pen) so that the desired effect can be achieved in a short period of time.


more difficult

Recorded a small demo video

Interestingly, video coming one and a half minutes and weighs 2 kb BB FlashBack Pro

Feather

  1. Without releasing the mouse button when creating a new point, you can achieve smoothing of the line.
  2. It is better to place dots in places where the line should have a bend.
  3. Holding down the key Ctrl You can move line control points using the keyboard.
  4. Holding down the key Alt you can adjust the degree of curve of the line near the point and its distortion

    I was inspired to test Photoshop to see how it was useful for drawing lines. Draw lines in Photoshop more difficult than in its vector counterparts and some raster editors - this is the impression I got after familiarizing myself with the tools in Paint Tool Sai, Illustrator, Inkscape and others, which have more convenient and flexible tools for creating beautiful linear shapes.

    https://site/wp-content/uploads/2011/08/lines.swf,600,490

    Recorded a small demo video about how to draw lines in Photoshop and achieve their correct shape as a result.

    Interestingly, video coming one and a half minutes and weighs 2 kb– this is very amazing Video recorded on BB FlashBack Pro

    However, it's not all bad. Having studied the specifics of working with the tool Feather, some tricks have been discovered that make drawing lines easier and make design work more free.

    Techniques for working with a pen when creating lines

    Many people know the first two rules, but 3 and 4 were a discovery for me.

    Having created the form, you can adjust the shape and position of the bends of the line and achieve the desired shape.

    You can change both the point itself and the position of the guide “whiskers”, which define the shape of the angle near the point.

    Working with a finished line

    All the lines you create are in the window Path(Paths). It is advisable to create a separate “line layer” for each line in the Path panel.

    Crtl + H - Hide/Show lines.

    Stroke Path… - line stroke function. You can select the tool that will be used for tracing. Usually this is a brush, and before using this function, it is advisable to set the brush to the desired thickness, and only then resort to stroke.

Hello, dear readers! In this lesson you will learn how to draw a line in Photoshop
Create a new document in Photoshop (Ctrl + N) with a white background.

The easiest tool for drawing straight lines is the Line Tool (U). In addition to the standard vector tool modes, there is a Width parameter on the top panel. He is responsible for the thickness of the line.
To create a line, drag the mouse to the side while holding the left button. If you hold down the Shift key, you can get a horizontal or vertical line. If you drag a line along an angle while holding Shift, it will be inclined at an angle of 45 degrees.
This is how straight vector lines are drawn.


You can also use the Brush Tool (B) to draw lines. Select it, right-click on the canvas and set the Size to 1 pixel so that the lines are thin. As in the first case, you need to hold down the Shift key to draw straight lines.
You can also draw lines from points. Make a single click on the canvas at the starting point. Hold down the Shift key and click on the next point (where the end of the line should be), then on another one if you want to create a polyline.


But what if you need to draw wavy line? To do this, you can use a combination of the Pen Tool (P) and the Brush Tool (B). Photoshop has a stroke feature.
Select the Pen Tool (P) and in the settings select the Paths mode:

With this tool, lines are drawn using single clicks. Draw a simple line in two clicks.


Hover your cursor over the line and a “+” sign will appear next to it.


Pull the line down and it will curve. Another anchor point will appear on the line. Using the Direct Selection Tool (A), you can change the curvature of the lines using the levers. To quickly switch to this tool, press the Ctrl key while the Pen Tool (P) is active.


Now you need to select a brush that will be used to outline the outline. Select the Brush Tool (B), set the size to 2 pixels and lower the Hardness to 0%.


Select the Pen Tool (P) again, right-click on the canvas and select Stroke Path.


In the window that appears, select Brush. If you turn on the Simulate Pressure function, the edges of the line will taper.


Press Enter to remove the outline.


The stroke could have been made more in a fast way. After setting up the brush, do not switch to the Pen Tool (P), but press Enter to stroke. Pressing this key multiple times will repeat the stroke. To remove the outline, press Delete.

This concludes the lesson. Now you know how to draw a line in Photoshop.

Lines, as well as others geometric elements, are an integral part of the work of a Photoshop master. Lines are used to create grids, contours, and segments. various shapes, skeletons of complex objects are built.

Today's article will be entirely devoted to how you can create lines in Photoshop.

As we know from the school geometry course, lines can be straight, broken and curved.

Straight

To create a straight line in Photoshop, there are several options using various tools. All the main construction methods are given in one of the existing lessons.

Therefore, we will not linger in this section, but will immediately move on to the next one.

Broken

A polyline consists of several straight segments, and can be closed, forming a polygon. Based on this, there are a couple of ways to build it.

  1. Unclosed polyline

  • Closed polyline

    • As we said earlier, such a line is a polygon. There are two ways to construct polygons - using the appropriate tool from the group "Figure", or by creating a selection free form followed by a stroke.

    • Figure.

      When applying this method, we will obtain a geometric figure with equal angles and the parties.

      To obtain a line (contour) directly, you need to adjust the stroke, called "Stroke". In our case, it will be a solid stroke of a given size and color.

      After disabling the fill

      we will get the required result.

      Such a figure can be deformed and rotated using the same "Free Transformation".

    • Straight line lasso.

      Using this tool you can build polygons of any configuration. After placing several points, a selected area is created.

      This selection needs to be circled, for which there is a corresponding function that is called by pressing RMB on the canvas.

      In the settings you can choose the color, size and position of the stroke.

    Curve

    Curves have the same parameters as broken lines, that is, they can be closed or open. You can draw a curved line in several ways: with tools "Feather" And "Lasso" using shapes or selections.

    1. Unclosed

      2. Such a line can only be drawn "Per"(with a contour outline), or “by hand”. In the first case, the lesson, the link to which is above, will help us, and in the second, only a steady hand.

    2. Closed
    • Lasso.

      This tool allows you to draw closed curves of any shape (segments). Lasso creates a selection, which, to obtain a line, must be outlined in a known way.

    • Oval area.

      IN in this case the result of our actions will be a circle of regular or elliptical shape.

      To deform it, it is enough to call "Free Transform" (CTRL+T) and, after pressing RMB, select the appropriate additional function.

      On the grid that appears, we will see markers, by pulling which you can achieve the desired result.

      It is worth noting that in this case the effect also extends to the line thickness.

    • Figure.

      Let's use the tool "Ellipse" and, using the settings described above (as for a polygon), create a circle.

      After deformation we get the following result:

      As you can see, the line thickness remained unchanged.

    This concludes the lesson on creating lines in Photoshop. We learned how to create straight, broken and curved lines in different ways using various program tools.

    These skills should not be neglected, since they are the ones that help build geometric figures, contours, various meshes and frames in Photoshop.

    In this tutorial I will show you how to create beautiful abstract lines, which will be useful in the design of your work. This tutorial is perfect for beginners.

    This is what the final result looks like:

    Step 1. Create a new document sized 800x800 px, fill the background with black. Create a new layer above the background one, press the P key to activate Pen Tool(Feather). Create a line as in the screenshot below:

    If you can't draw the curve, that's okay. To do this, hold down the ALT key and drag the end of the curve to edit its shape:

    Press B to activate Brush Tool(Brush), select a 1 px brush:

    In the window Color Picker(Color selection) select the required color:

    Activate again Pen Tool(Pen) (P), then right-click on the created curve and select Stroke Path(Outline Stroke):

    Choose Brush(Brush) from the drop-down menu, make sure that the option Simulate Pressure(Simulate pressure) is active, and click OK:

    And we get this beautiful curve:

    Step 2. Using the process described above, we create three more lines. Make sure that:
    - each line is on a separate layer;
    - for the first line, the brush size is 2 px, the second - 3 px, the third - 4 px;
    - reduce the opacity of the layers to 80%, 60% and 40%.

    We adjust the location of the lines and get the following result (4 lines on 4 layers):

    Step 3. Create a group "Lines" Layer - New - Group(Layer - New - Group) and move all 4 layers with lines into it. Duplicate the group once and merge the copy of the group into one layer (CTRL+E). Reduce the opacity of the new layer to 70% and move the lines lower and to the left to create the effect of depth:

    Continue duplicating the layer to create more lines:

    Now we need to add some color to the lines. To do this, use an adjustment layer Layer - New Adjustment Layer - Hue/Saturation(Layer - New Adjustment Layer - Hue/Saturation) for layers with lines (don't forget to create a clipping mask for the adjustment layer CTRL+ALT+G).

    Choose any color you like:

    We continue to add more colors. You can use Free Transform(Free Transform) (CTRL+T) to adjust the angle of the lines:

    We also adjust the size of the lines:

    Step 4. Now let's add some gray lines. To do this we go Image - Adjustments - Desaturate(Image - Adjustments - Desaturate) or SHIFT+CTRL+U to desaturate one of the layers:

    Mixing the gray lines together with the rest:

    And we get the following result:

    Step 5. Almost finished. Now we combine the layers with the lines that we created into one (CTRL + E), then duplicate them, rotate them, change their position:

    Let's add abstract dots around the lines to diversify the work. To do this, set up a brush as shown below (press F5 to bring up the brush parameters window).

    Of course, one of the simplest and most frequently used elements in drawing is the line. Program Adobe Photoshop is no exception. Especially if you plan to seriously study the field of website design.

    One of the advantages of the Photoshop program is the interchangeability of actions. You can achieve the same result with many different different ways. Now we will study several options for command sequences with which we can make a line in Photoshop.

    Let's start by creating a new document. A document size of 1000 by 1000 pixels is quite suitable for us. Detailed description Creating a new document in Photoshop can be found here.

    Let's start with the line tool. We will find it on the tank panel.

    Now let's set the characteristics of our future line.

    Let's set the line thickness. I decided that a thickness of 4 pixels would suit me. If you wish, you can choose its style. I'll make do with the simplest ones.


    Let's decide on the color. You will also find the primary color selection icon on the sidebar. By clicking, a window for choosing a color is called up.


    Well, that's it now! Let's draw. Click on the work area and draw a line with the mouse.


    Now our line is a smart object. You can turn it into a regular layer in the layers window using the “rasterize layer” command.


    The line is ready. As you can see, drawing a straight line in Photoshop is very easy. We have discussed an elementary method, which, despite its convenience, has a number of limitations. Let's take the second one apart and draw a line using the pen tool.

    It should be noted that in this case it is worth changing the settings of the brush or pencil to suitable ones in advance, because your line will repeat these outlines. Therefore, let's set up the pencil tool together. Select it in the sidebar. And click on the work area.


    Set the following pencil settings. How to choose a color is mentioned above.


    In the sidebar, look for the pen tool.


    We make two clicks on the work area. It should be noted that if you want to make the line smooth and strictly horizontal or vertical, hold down the shift key while clicking.


    Click on the line with the left key. In the drop-down list, select the “outline outline” command.


    We trace the outline and click again with the left mouse button. Select the “delete contour” command.



    So, the line is ready! In just five minutes we learned two ways to draw a straight line in Photoshop.