How to draw smooth stripes in Photoshop. How to Draw a Straight Line 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).

With a tool pen tool

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

harder

Recorded a small demo video

Interestingly, video goes 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 put points in places where the line should have a bend.
3. Holding down a key ctrl you can move the control points of the lines using the keyboard.
4. Holding down a key alt you can adjust the degree of rounding of the line near the point and its distortion

   I was inspired to test Photoshop for its suitability in terms of line drawing. draw lines in photoshop harder than in its vector counterparts and some raster editors - this is the impression I got after getting acquainted with the tools in Paint Tool Sai, Illustrator, Inkscape and others, which have more convenient and flexible tools for creating beautiful linear shapes.

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

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

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

   However, not everything is so bad. Having studied the specifics of working with the tool Feather, some tricks have been discovered that make it easier to draw lines and make design work more free.

   Pen Techniques for Creating Lines

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

   Having created a shape, you can correct 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 corner near the point.

   Working with the finished line

   All the lines you create are in the box Path(Ways). It is desirable for each line to create a separate “layer of lines” in the Path panel.

   Crtl+h- Hide/Show lines.

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

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.

Method number 1. Circle.

First, draw a regular circle, using the tool oval region. With this tool it is easy to draw a circle in this way: with the tool selected, change the tool style from "Ordinary" on "Specified Size" and just set the same size for the height and width of the circle. Or you can do all the operations not with a circle, but with an ellipse. Then just click on the sheet with the mouse, and you will have a selection of the specified size. After that, right-click on the selected area and select the item from the menu Stroke. In the window that appears, select the color and size of the brush. Next, just press on the keyboard "Ctrl" + "D" and your selection will disappear.

Now create another layer on top of the circle. And in a new layer, draw a circle, but without a stroke.

Now just fill inside the selected area with the same color as the background and press the keys "Ctrl" + "D" to remove selection.

Method number 2. Rectangle.

First, draw a rectangular area, stroke, but do not remove the selection yet (how to do this is described in method No. 1).

Then go to the menu "Filter" (Filter) - "Plastic" (liquify). Or press the keyboard shortcut "Shift" + "Ctrl" + "X".

And bend your shape, then press OK. After that, it remains only to remove the selection and remove unnecessary details with an eraser.

Method number 3. Feather.

Perhaps the easiest way is the tool "Feather". Many do not understand what this tool is for just because they do not know how to use it. Everything is simple here. Choosing a tool "Feather", first style it "Contour" (Paths). Then on the sheet, simply put a point with this tool. Release the mouse button and place a second point on the other side, but this time, without releasing the mouse button, drag and you will see how you have the outline of a curved line.

After that, it remains only to stroke the contour, as in the first method with a circle, and also right-click on the contour, select "Delete Outline".

In this way it is very convenient to draw wavy lines.

Wavy lines are more convenient to draw with an anchor pen. To do this, you need to put two points on the page with a pen, which will automatically be connected by a line. And then, pulling the middle of this line, bend the line with the same pen.

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

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

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.

2. 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.