How to make a curved line in Photoshop. Drawing lines with the Pen tool

Using a tool Pen Tool

Using a tool Pen Tool(Pen) so that you can achieve desired effect 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

Without releasing the mouse button while creating new point You can achieve smoothing of the line.
It is better to place dots in places where the line should have a bend.
Holding down the key Ctrl You can move line control points using the keyboard.
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.

3 votes

Good day, dear readers of my blog. It would seem, what does it cost to draw a straight line in Photoshop? Hold down Shift and there you go. Nevertheless, this can be done in as many as three ways. Everyone's result will be different.

In this article you will learn three ways to draw a straight line in Photoshop. Which filter to use to create a wave. How to do this with the help of another interesting instrument. I'll show you how to achieve a dotted line and draw under certain angle.

A lot of information awaits you. Shall we get started?

Line Tool

First, I'll show you how to use a tool that's designed to create straight lines. In this place you can have a rectangle, oval, ellipse or polygon. Just hold down the left mouse button for a few seconds to open a menu with additional tools.

First things first. One of the most important parameters– thickness. Thanks to the line, you can even draw rectangles. You just need to make it fatter.

Next comes “Fill” and “Stroke”. Click on the color block to the left of the inscriptions and select a shade. If you want to make a stroke, enter its width. Now, my screenshot shows the option without it. The no color icon looks like this. Gray line crossed out in red.

You can see the settings and the result in this screenshot. It's not very visible, but the thickness here is 30 pixels. On big picture 30 pixels may look like a modest stripe. Everything needs to be adjusted to your own dimensions.

This is what the line will look like if you select red for the stroke color.

The next button will allow you to create a dotted stroke.

If you reduce the thickness and remove the fill, you will just get a dotted line.

Here you can align the stroke to the inner edge, outer edge, or center of your outline.

And round the corners. True, it will not be so noticeable.

If you press Shift while you are drawing a line, Photoshop will automatically create straight line. Horizontal or vertical. Depending on where you are taking her.

If you need a line at a certain angle, then the easiest way is to look at what the information window shows and adjust it manually, pointing it in a certain direction.

Well, now I’ll show you another one.

Brush Tool

I drew these rectangles using lines drawn with a brush.

Choose the type and size that suits your brush line.

Place a dot at the expected beginning of the line, hold down Shift and left-click where the strip should end.

There are two lines in front of you. The yellow one was painted using the Line tool, and the purple one was painted with a brush.

How to make a wave

No matter what tool you used, do wavy line The easiest way is to use a filter. Go to this category, find “Distortion” and select “Wave”.

Based on the preview picture, you will quickly understand what's what and how to set it up. The amplitude should be approximately the same. If it doesn’t work, you can just click on “Randomize” until a suitable one appears.

The last applied filter is always quickly accessible. I apply it to the layer with yellow stripe, drawn by the tool.

This is the result I got. As you can see, it is different.

Pen tool

To be honest, I still can’t use a pen professionally. I know that you can draw anything with it: smoothly, quickly, fun and cool, but it takes me a lot of time and the result is not always at the level I expected. And yet I can even draw straight lines with a pen. It's worse with curves, but I'll try. I select “Feather”.

I put a dot, then a second one. While I haven't released the mouse button, I adjust the smoothness.

I do the same thing with each new point.

After all the manipulations are completed, right-click and select “Stroke outline” from the menu that appears.

You can choose several tools: pencil, brush, stamp, pattern, and so on. Now let this one be a brush.

I press the right mouse button again and select “Delete outline”.

This is the result I got.

Well, don’t forget that you can always use your collage making skills. Read the article about how to take a line from any picture and insert it into your image.

If you want to learn how to professionally use the pen and other tools found in Photoshop. I can offer you a course " Photoshop for beginners in video format ».

Lessons created by professionals will teach you everything you need to know about this program. You will save a lot of time searching for answers to this or that question. Ideas on how to complete the task will spontaneously appear in your head.

By the way, do you know how to make sure that you always have interesting needs related to Photoshop? This could take your relationship with this program to the next level. All you need is to be passionate about web design. People of this profession never sit idle. There are always clients, projects and new tasks.

There is a job for everyone, and you can do what you really like and bring good money. Read the article about or. Stop inventing tasks for yourself, let someone else pay money for your time.

Don't know where to start? Take the course Commercial Web Design Basics " Try a few free lessons, this will help you understand yourself and understand whether you are ready to explore new horizons.

An online course with the support of the author is a reliable investment in your future profession.

OK it's all over Now. It's up to you. Decide when you are ready and start conquering new heights. If you liked this article, subscribe to the newsletter and take one step closer to your cherished goal every day.

Learn as much as you can about the Internet, write your success story, stop sitting around waiting. Take action. Your dream is realized by others every day. Today they are doing what you have been wanting for so long. Do they think about preparedness? The right moment is right now. Don't miss it. You have the strength to do this.

I wish you good luck. Until next time.

Of course, one of the simplest and most frequently used elements in drawing is the line. Adobe program 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 a straight line in Photoshop.

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 standard modes 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 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 a 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 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.

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 a 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, hotkey calling the tool - 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 longer than in previous cases.

Activate the tool 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:

Choose 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 tool from a vector. 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: