Photoshop how to work with wavy lines. How to draw lines in Photoshop

Lines, as well as other geometric elements, are an integral part of the work of a Photoshop master. Using lines, meshes, contours, segments of various shapes are created, and 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

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 using this method we get a geometric figure with equal angles and sides.

  

  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

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

25.01.2017 28.01.2018

Hello to all Photoshop lovers!

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

To make the line in Photoshop smooth, hold down the keyboard 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; to do this, click the left mouse button once on the area where the line begins, and a second time where it ends (with the SHIFT). This will draw a straight line at the given coordinates.

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

Draw a straight line with the Brush Tool

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

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

At the top settings panel change tools if necessary size And rigidity brushes:

We draw the line:

Somehow it’s not quite even, you’ll reasonably notice, right?

To draw perfectly straight line, you need to hold down the key before starting to draw Shift, draw a line and release the key. This is how smooth the line turned out:

Keystroke 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 and hold down the key Shift, draw a line, then release the mouse button and Shift.

Draw a straight line using the Pencil Tool

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

Drawing a line using the tool Pencil Tool similar to drawing Brush- click the mouse 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 the tool Feather It will take a little more time than in previous cases.

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

Don't forget to make sure that the tool Feather is in mode "circuit". You can view this at top panel instrument settings:

Create a new layer, click on the layer creation icon in layers panel:

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

To start drawing 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 Outlines (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 adjusting instrument settings size, brush hardness and if necessary, select the brush itself. We will need a round brush:

Choosing a color:

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

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

Result:

If you leave a checkmark “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 the Line. Located in the left panel:

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

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

Straight line using 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 Marquee 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 deselect it CTRL+D. We have a straight line.

Like these ones simple ways draw a line in photoshop. We hope you found this information useful! Good luck in your creativity and good mood!

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

Method number 1. Circle.

To begin, draw a regular circle using the tool oval area. With this tool it is easy to draw a circle in this way: having selected the tool, change the tool style from "Ordinary" on "Specified size" and simply 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 selected area of ​​a given 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 your 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 the inside of the selection with the same color as the background and press the keys "Ctrl" + "D" to remove the selection.

Method No. 2. Rectangle.

To begin, draw rectangular area, stroke, but you don’t need to remove the selection yet (how to do this is described in method No. 1).

Then go to menu “Filter” (Filter) – “Plasticity” (liquify). Or press the keyboard shortcut "Shift" + "Ctrl" + "X".

And bend your figure, then press OK. After that, all that remains is to deselect and use the eraser to remove unnecessary details.

Method No. 3. Feather.

Perhaps the easiest way is a tool "Feather". Many people do not understand what this tool is for only because they do not know how to use it. Everything is simple here. Selecting a tool "Feather", first give it a style "Paths". Then simply mark a dot on the sheet 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 the outline of a curved line appears.

After this, all that remains is to trace the outline, as in the first method with a circle, and also by right-clicking on the outline, select the item "Delete outline".

This method is very convenient for drawing wavy lines.

It is more convenient to draw wavy lines with an anchor pen. To do this, you need to use a pen to place two dots on the page, which will automatically be connected by a line. And then, pulling the middle of this line, use the same pen to bend the line.

The Phoroshop program, in addition to its wide possibilities for processing ready-made images, such as photographs, provides many different possibilities for drawing. You can draw with pencil and brush tools. This immediately creates raster image. You can correct what you have drawn by erasing the created elements with an eraser.

The Pen Tool is designed for drawing vector paths. Vector contours can be saved, edited, enlarged, reduced. The possibilities of this tool are endless. But mastering how to work with it is not easy.

What are contours and why are they needed?

Contours are vector line objects, utility objects that allow you to easily and quickly create interesting images. In general, a contour consists of one or more straight or curved segments. Anchor points mark the position of the end points of path segments. The shape of the path segments is determined by the guides extending from the node points.

Outlines themselves in Photoshop have neither thickness nor color. They are an auxiliary tool for performing various actions: discharge complex shape, constructing images, for curvilinear arrangement of text (along some curve), etc.

The contour can be closed, having neither beginning nor end (such contours include ellipses and arbitrary polygons),

or open, having separate end points (for example, a zigzag or wavy line).

Contours are saved in the current document together with raster objects. All contours in the document are available in the palette Paths.

What can you do with the contour?

1. Construct any outline, trace it (Stroke Pass command, right-click on the outline - select from the menu) to form a line (specify the stroke tool, having previously selected the color, thickness and other parameters);

2.If the contour is closed, you can paint the inner area with any color (Fill Pass command, right-click on the contour - select from the menu) or convert the contour into a selection (Make Selection command, right-click on the contour - select from the menu).

Drawing shapes (rectangles, ellipses, etc.) is essentially drawing inline contours of a certain shape, the inner area of ​​which is painted in a selected color.

How to draw a free-form outline?

You need to draw the outline with the Pen Tool.

To draw a straight path, you determine the position of the nodes of the path with mouse clicks, and Photoshop automatically connects them with straight lines.

To create a curved segment of a contour, you need to click the point at which the direction of the curve changes and, without releasing the left mouse button, move the pointer. A guide will appear on the canvas (it determines the bend of the segment) and a curve that will bend smoothly as you move the mouse. When the curve takes the required shape and size, you need to release the mouse.

If you hold down the Shift key while working with the tool, a path will be created correct form(adjacent refraction points will be located at angles that are multiples of 45°, and smoothing points will be placed on the arc of an imaginary circle).

Pen Tools

The Photoshop toolbar tool Pen Tool includes several tools:
Pen Tool (Pen) - designed for drawing a vector contour (the contour is specified by a set of its anchor points);
Freeform Pen Tool (Free pen)- intended for drawing a vector contour (the contour is specified by a set of hand-drawn lines);
Add Anchop Point Tool - designed to add new anchor points to an existing vector path, with its help you can change the shape of the path, move nodes or guides;
Delete Anchop Point Tool - designed to delete existing anchor points from a vector path; it can also be used to change the shape of the path, move nodes or guides;
Convert Point Tool (Angle) - designed to change the type of anchor points and the shape of existing vector contours.

By default, the Pen Tool is active in the “Pen” group; to select another tool in this group, you need to right-click on the group button (hold it down for a few seconds), and then click the name of the required tool in the menu that appears on the screen.

A hotkey is also used to call up the tools of the Pen group. "R". Pressing this key activates the last used tool in the group. To switch between instruments in a group, press the key simultaneously. "R" and a key "Shift"(as a result of each click, the next tool in the list is activated).

Pen tool options panel

In the tool options panel Feather The following elements must be noted:

Then, using the corresponding buttons, you can go directly from the options bar to the Pen Tool, Freeform Pen Tool, Rectangle Tool(Rectangle), Rounded Rectangle Tool (Rectangle with rounded corners), Ellipce Tool (Ellipse), Polygon Tool (Polygon), Line The buttons are responsible for setting one or another mode for combining contours (new contour, adding to an existing contour, subtracting, intersecting contours etc.) and are similar to the same settings for the selection tools.

There are buttons for Shape Layers mode

• Style- is intended for selecting the style that will be used when filling the contour. By clicking on the list expansion button, you can view the available samples Photoshop styles CS4
• Field Color- designed to display and change the contour fill color. When you click on a field on the screen, a color selection dialog box appears in which the user can specify the desired fill color for the outline.

Did you find everything very difficult? Nothing like this! A simple example. Try it, everything will work out!