How to draw lines in photoshop. How to draw a straight line in Photoshop: regular, broken or at an angle

18.04.2019

Hello dear readers! In this tutorial 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 modes of vector tools on the top panel there is a parameter Thickness (Width). 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 in a slanted direction while holding Shift, it will be slanted at a 45 degree angle.
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 px so 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 by 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 another one if you want to create a polyline.


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

Lines are drawn with this tool using single clicks. Draw a simple line in two clicks.


Hover 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. Tool Arrow (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 with the active tool Pen (Pen Tool) (P).


Now you need to select a brush with which the outline will be circled. Select a tool Brush (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 (Brush). If you turn on the function Simulate pressure (Simulate Pressure), then the edges of the line will be narrowed.


Press Enter to remove the outline.


Stroke could have been done in a faster way. After adjusting the brush, do not switch to Pen (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.

25.01.2017 28.01.2018

Hello to all Photoshop lovers!

It is not at all difficult to draw a straight line in Photoshop, it is enough to move the mouse cursor, but, alas, it does not always turn out to be even with this movement. In the lesson we will learn how to draw straight lines.

To make the line in Photoshop smooth, then hold down the key SHIFT and you will draw a straight line in photoshop. This allows you to draw straight horizontal and vertical lines. You can also draw diagonally, for this you need to click once with the left mouse button on the area where the line begins, the second time where it ends (while holding SHIFT). This will draw a straight line at the given coordinates.

There are several ways to draw straight lines in Photoshop by giving them color, thickness, and other styles. Usually the following tools are used: Brush, Pencil, Pen, Line, Rectangular area. Which tool is best suited for the task is up to you. Each method has its pros and cons.

Draw a straight line with the Brush Tool

The easiest way to draw a line with a tool Brush (Brush Tool). Create a document in Photoshop (ctrl + N) with arbitrary size, I have this 800x600 pixels:

Activate the tool Brush (Brush Tool). Tool call hotkey - B.


Top settings panel change tools if necessary size And rigidity brushes:

Let's draw a line:

Some kind of it is not quite even, you will reasonably notice, right?

To draw a perfectly straight line, you need to hold down the key before drawing Shift, draw a line and release the key. Here is the straight line:

Keypress method Shift before starting to draw a line, it helps to draw a strictly horizontal or vertical line at an angle of 90 degrees, but if you need to draw a line, for example, diagonally, you must first click the mouse button at the beginning of the line, hold down the key Shift, draw a line, then release the mouse button and Shift.

Draw a straight line with the Pencil Tool

Tool Pencil Tool is in the same tool group as the tool Brush, tool call hotkey - B.


Drawing a line with a tool Pencil Tool similar to drawing brush- make a mouse click at the beginning of the line, hold down the key Shift and draw a line.

Draw a line with the Pen Tool

To draw a line with a tool Feather it will take a little more time than in previous cases.

Activate the tool Feather (Pen Tool), tool call hotkey - P.


Remember to make sure the tool Feather is in mode "circuit". You can view it in top panel tool settings:

Create a new layer, click on the icon for creating a layer in layer panels:

Draw a straight line - just put two dots. To draw a horizontal or vertical line, hold down the key again Shift:

To start drawing a new line, hold down the key ctrl and click on the canvas, if this is not done, the lines will be created continuously.

Draw arbitrary curved lines and hold down the key at the end ctrl with a mouse click on the canvas to complete the lines.

The lines are ready, but, unfortunately, they are only visible in Photoshop in the tab contours (Window-Paths (Window-Paths)), if you save the image, for example, in jpg* format, the lines will not be displayed.

In order to make them visible, we return to the tool Brush, V top panel tool settings size, brush hardness and if necessary, select the brush itself. We need a round brush:

Choose a color:

Activate the tool Feather, right-click on the canvas and select the item Stroke Path:


The following window will open, in which you need to select as the source "Brush", and a tick "Imitate pressure" (Simulate Pressure) it is desirable to remove to get straight lines:

Result:

If you leave a check mark Simulate Pressure, the lines will become thinner towards the ends:

Draw a line with the Line tool

One of the most common ways to draw a straight line in Photoshop is with the Line. Located in the left panel:

The great thing is that you can easily adjust the color and thickness of the line:

Clamped SHIFT I draw straight lines. They are created by the shape-from-vector tool. You can easily draw a vertical, horizontal and 45 degree straight line.

Straight line with selection in Photoshop

It happens that you don’t want to bother with the settings of vector shapes and brushes. Therefore, you can simply select the desired area in Photoshop, for example, in the form of a line and fill it with color.

There is a Rectangular Selection tool in Photoshop:

For example, we need a long and thick line in Photoshop. Select the desired area:

Choosing a tool fill and set the color for the future line.

Fill the selected area with color and remove the selection CTRL+D. We have a straight line.

Here are some simple ways to draw a line in Photoshop. We hope you found this information useful! Successes in creativity and good mood!

Good day to all, my dear friends and guests of my blog. Today I would like to tell you how to draw a straight line in Photoshop or its online version. Of course, the segment looks much neater than something drawn with a trembling hand. Oh, that trembling hand)). Well, okay, let's not pull the cat by the rubber. Go!

First, let's look at the simplest drawing methods.

Draw lines horizontally and vertically

The easiest way to draw a straight line is to take any drawing tool (pencil or brush), hold down the key SHIFT and lead in the direction you need (up down or right-left). Be sure as long as you keep shift, there will be no trembling hand, everything will be fixed.

Draw lines at an angle

If you want to draw a line at an angle, in the same way select the brush tool (pencil) from the toolbar, then put a point in the place where you think the beginning should be.

Now hold down the key SHIFT and click where you want the end to be. After that, the line will instantly be drawn automatically from the start to the end point.

In addition, you can make a real broken line. To do this, just need to poke in those places where it should break. Just remember to do this with the shift key pressed.

Drawing straight lines with guides

Just yesterday I published an article about that, and today this topic will also be very useful to us. To do this, pull out the guides from the ruler area with the mouse button held down and put them in the places where you need it, and then take (pencil) again and draw on it. Due to its anchoring property, it will magnetize your drawing to itself.

Only unlike the previous method, you will not be able to move away a long distance, since all the same the guide really acts like a magnet. As long as you draw close, drawing is attracted, and as soon as you move away, your trembling hand comes into play again.

figures

And of course, we must not forget about the main tool, namely the figure of the same name. In order to draw a straight line in Photoshop this way, you need to go to the "Shapes" tool and select the "Line" tool there.

Before you start drawing, go to the tool settings above and see what you can customize here:


And now just left-click anywhere on the sheet, after which you will have the beginning. It will be as if nailed down, and at this time you will be able to decide where the end will be. You end up with what we expected. It is noteworthy that with this tool you can draw lines at an angle, and not just vertically or horizontally.

Drawing lines with the pen tool

Previously, we used as one of the selection tools. But of course, this is far from all his abilities, and now we will draw an even segment with the help of him.


Now everything is displayed as it should, and you can make not only straight lines, but also broken ones. So this proves once again that Photoshop is just a universal program, and the same tool can perform different functions for different tasks.

Rectangular Selection Tool

Quite an unusual way to draw a straight line, but nevertheless, some Photoshop users really like to use it.


As a result, we have a black stripe that you can turn into a line. To do this, just go to transform mode ( CTRL+T) and simply increase or decrease the length and width by holding the left mouse button on the edges.

Well, if you want it to be at an angle, then use the same transformation to turn it over. To do this, place the mouse cursor next to the corners of the selection until the cursor changes to a curved arrow.

How to draw a line in Photoshop online

I know that not everyone is ready to install a bulky program on their computer, so we will try to get by with a special service. In fact, drawing a straight or broken line in Photoshop online is not difficult, just because this version is heavily castrated, there are very few ways.

The first way is that you will need to select the Brush or Pencil tool and poke anywhere on the canvas to create a starting point. Now press the key SHIFT and click the one where you would like to see the endpoint. After that, you will form a straight line. This method is similar to what we did in the program.

The second way is that we select the "Draw" tool, assign any color (or leave the default one), hold down the left mouse button and start drawing a black rectangle. You can control how thick or long it will be.

But it is important to remember that there is no Transform tool in Photoshop online, so the segment you draw cannot be changed, enlarged, reduced or rotated at an angle.

Well, that's basically all I wanted to say. I hope that now you understand how to draw a straight line in Photoshop in many ways and without any effort.

Well, if you do not know Photoshop or know it poorly, then I recommend that you look these amazing videos, where they will tell you and show you from A to Z how to work in Photoshop. All lessons are told in simple human language and with great interest. If you don't mess around, you can learn Photoshop in a couple of weeks. Highly recommend.

Well, this is where I finish my lesson, I hope you liked my today's article. Do not forget to subscribe to my blog, as well as share the materials of the article on social networks. I'm waiting for you again. Good luck to you. Bye bye!

Sincerely, Dmitry Kostin.

Lines, as well as other geometric elements, are an integral part of the work of the Photoshop wizard. With the help of lines, grids, contours, segments of various shapes are created, skeletons of complex objects are built.

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

As we know from the course of school geometry, lines are 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 immediately move on to the next one.

broken line

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

  1. Open 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 freeform selection followed by a stroke.

    • Figure.

      When applying this method, we get a geometric figure with equal angles and sides.

      To get the 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 turning off the fill

      we get the desired result.

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

    • Rectilinear lasso.

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

      This selection must be circled, for which there is a corresponding function that is called by pressing PKM across the canvas.

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

    Curve

    Curves have the same parameters as polylines, that is, they can be closed or open. There are several ways to draw a curved line: tools "Feather" And "Lasso", using shapes or selections.

    1. Open
    2. This line can only be drawn "Feather"(with a stroke outline), or "freehand". In the first case, the lesson, the link to which is above, will help us, and in the second, only a firm hand.

    3. Closed
    • Lasso.

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

    • oval area.

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

      To deform it, it is enough to call "Free Transform" (CTRL+T) and, after pressing PKM, 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 extends to the line thickness as well.

    • Figure.

      Let's use the tool "Ellipse" and, applying 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 remains unchanged.

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

    Do not neglect these skills, since they help to build geometric shapes, contours, various grids and wireframes in Photoshop.

    In this tutorial, I will show you how to create beautiful abstract lines that will come in handy 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 800x800 px in size, fill the background with black. Create a new layer above the background, press the P key to activate pen tool(Feather). Create a line like in the screenshot below:

    If you can't draw a curve, no big deal. 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 desired 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 the option is Simulate Pressure(Simulate pressure) is active, and click OK:

    And we get such a 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 correct 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 (opacity) of the new layer to 70% and move the lines below and to the left to create a depth effect:

    We continue to duplicate the layer to create more lines:

    Now we need to color the lines a bit. To do this, use an adjustment layer. Layer - New Adjustment Layer - Hue/Saturation(Layer - New Adjustment Layer - Hue / Saturation) for layers with lines (do not 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. For this, we pass Image - Adjustments - Desaturate(Image - Adjustment - Desaturate) or SHIFT+CTRL+U to desaturate one of the layers:

    By blending the gray lines together with the rest:

    And we get the following result:

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

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



    Similar articles