Smooth line in Photoshop. Drawing abstract lines in Photoshop

Graphics editor Photoshop is rightly considered a fairly complex program. He has big amount tools, and therefore capable of performing many tasks. Well, in order to understand all its nuances, you need to make every effort, spend a lot of time and, of course, have a great desire, otherwise nothing will work out.

Of course, not all teams are within the capabilities of a beginner, for example, but this is only at first. But you have to start somewhere! I suggest starting with a simple, but at the same time very necessary lesson: how to draw a straight line in Photoshop. So, let's figure it out.

Brush and Pencil tools

There are several ways to draw a regular straight line in Photoshop, it all depends solely on the user’s preferences. By the way, there are also several ways. To begin with, I would like to introduce you to the tools that are not the most obvious for these purposes: “Brush” and “Pencil”.

Please note that if you hold down the key before drawing, the line will not turn out strictly straight, so do not forget to perform this simple action.

Line Tool

This method of creating a straight line is perhaps very obvious and lies on the surface, and, nevertheless, beginners may not know about it. The point is that this tool is part of a group of others called by the U button on the keyboard. You can also call it manually; to do this, on the vertical Panel, click on the “Rectangle” button with the right mouse button. A small menu will appear with a list of possible tools, including the one we need – “Line”.

Click on it, then adjust the header with customizable parameters, for example, you can adjust the line thickness. Now let's start drawing: to do this, simply pull the computer mouse to the side while holding its left button. If you clamp in parallel, you will get a vertical or horizontal line. Also, if you hold down the same key and drag a line along an inclined line, the line will accordingly be inclined at an angle of 45 degrees.

That's all science, as you can see, absolutely nothing complicated! Patience, a little practice, and you will succeed.

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. We create new document size 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 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 in this case It’s worth changing the settings of your brush or pencil to the appropriate 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 straight 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 while creating 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.