How to make smooth lines in photoshop. How to draw a straight line in Photoshop

3 votes

Good day, dear readers my blog. It would seem, what is it worth to draw a straight line in Photoshop? Clamped Shift and here you are, please. However, this can be done in three ways. The result of each will be different.

In this article, you will learn three ways to draw a straight line in Photoshop. What filter to apply to create a wave. How to do it with another interesting tool. I'll show you how to achieve a dotted line and draw at a certain angle.

Lots of information awaits you. Shall we start?

Line tool

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

First about the important. One of the most important parameters is 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 plate with the color to the left of the inscriptions and select the shade. If you want to make a stroke, enter its width. Now, my screenshot shows the option without it. The no color icon looks exactly 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. In a large 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 choose red for the stroke.

The next button will allow you to make a dashed stroke.

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

Here you can also align the stroke to the inside, outside, or center of your path.

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

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

If you need a line at a certain angle, then the easiest way is to see what the information window shows and correct it manually, directing 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 the brush line.

Put 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 drawn with the Line tool, the purple one with a brush.

How to make a wave

No matter what tool you use, the easiest way to make a wavy line is with a filter. Go to this category, find "Distortion" and select "Wave".

Based on the preview image, you will quickly understand what's what and how to set it up. The amplitude should be about the same. If it doesn't work, you can just click on "Randomize" until the right one appears.

There is always quick access to the last applied filter. I apply it to the layer with the yellow stripe drawn with the tool.

Here 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 they can draw anything: smoothly, quickly, fun and cool, but it takes me a lot of time and the result is not always at the level I expected. Nevertheless, I can even draw straight lines with a pen. Curves are worse, but I'll try. I choose "Pen".

I put a dot, then another. Until I release the mouse button, I adjust the smoothness.

I do the same with each new point.

After all the manipulations are completed, I press the right mouse button and select "Stroke the contour" in the menu that appears.

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

Right-click again and select Delete Outline.

Here is the result I got.

Well, do not forget that you can always use the skills of creating collages. Read the article about how to take a line from any picture and paste it into your image.

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

The lessons created by professionals will teach you everything you need to know about this program. You will save a lot of time looking for answers to a particular question. Ideas about how to complete the task will spontaneously pop up in your head.


By the way, do you know how to make sure that you always have interesting needs related to Photoshop? This can take your relationship with this program to the next level. All you need is to be passionate about web design. People in 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 " Basics of commercial web design ". Try a few free lessons, it will help you understand yourself and understand whether you are ready to master 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. The rest is up to you. Decide when you are ready and start conquering new heights. If you liked this article, subscribe to the newsletter and every day one step closer to your cherished goal.

Learn as much as you can about the internet, write your success story, stop 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 readiness? The right moment is right now. Don't miss it. You have the power to do so.

I wish you good luck. See you again.

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

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

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


Parallel lines and a grid are elements that bring order and rigid structure to a design solution. Lines give direction to the glance that flickers over the picture, emphasize surfaces, giving volume to the image. Light shading instead of filling creates the effect of weightlessness, airiness of the object.


Parallel lines, a grid of rectangular cells, a lattice are easier to create in vector graphics programs such as Adobe Illustrator, for example. You can download a suitable texture or ready-made clipart.

But there is not always time to look for the right textures. Drawing a straight line is easy - draw with any drawing tool while holding down the Shift key. It is difficult to draw multiple lines at the same distance from each other to create a grid, for example. But solving the problem of creating parallel lines in Photoshop is not at all difficult.

1 way.

The fastest way to create parallel lines is to use styles.

Draw a straight line with the Pensil tool (to make the line straight, hold down the Shift key).

Among the built-in Photoshop Styles there are Dotted Strokes styles (dash-dot strokes). Select these styles using the palette menu Styles (Styles): Window (Window)> Styles (Styles).

Among the style sets, choose White 1pt 2pt-Spaced Dotted No Fill or another style if you prefer.

We get a line of dots.

This line must be stretched in width and obtained from the points of the strip. But if you do that right now, you'll end up with a rectangle with a dotted stroke. Apply a simple trick: create a new empty layer above the layer with a line of dots and merge these two layers (select these layers in the layers panel and execute the command Merge (Merge)).

After that, just stretch the line in width with the command Edit (Editing)\u003e Transform (Transformation).

If you create a new layer above the layer with lines, fill this layer with a gradient fill and apply the menu command from the layers panel Create Clipping Mask to it, you will get such a rainbow stripe.

And the use of the command Edit (Editing)\u003e Transform (Transformation)\u003e Warp (Deformation), allows you to get interesting effects.

2 way.

Parallel lines can be created using gradients. The disadvantage of this method is significant - you must first create a gradient using the gradient editor. If you do not know anything about working with the gradient editor - you are here:

The advantage of this method is that, firstly, you can create a striped gradient, save it and use it forever, secondly, you can create multi-colored gradients, gradients with blurry or clear transitions from the line color to the background, you can create double, triple lines with varying spacing between them. Or download ready-made or

Creating a gradient to draw parallel lines is easy. Open the gradient editor and add color markers in the right positions (just click the mouse in the right places, set the color and distance in the appropriate fields.). The Location field sets the marker offset in % from the left edge, the distance between markers is the distance between lines.

The small markers next to the color marker determine how blurry the line is. Try moving them closer to the line and see the result.


The handles above the gradient bar determine the transparency of the gradient areas. White markers indicate transparent areas (Opacity (Opacity) is equal to 0). This gradient is handy for drawing on a pre-made background:

An example of using this gradient:

And do not forget that gradients are different - diamond-shaped, radial, mirror, which allows you to create different shapes with one easy movement:

3 way.

First, draw one line in a new layer.

Go to the palette Actions (Operations), create a new operation (Line, for example), press the record button and follow simple steps: copy the layer with the line and move it up or down to the desired distance. Job done, click the Stop Recording button. It should turn out something like this:

After that, press the triangular button Play recording as many times as you need lines.

As a result, many layers with lines appear in the image. If you are satisfied with the result, merge the layers with lines into one layer.

Overlaying a duplicate layer with lines and then turning this duplicate at a right or any other angle makes it easy to get a grid.

And applying styles - effects:

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 use the following tools: Brush, Pencil, Feather, 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

Sometimes you don't want to mess with the settings. 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.

Like these ones simple ways draw a line in photoshop. We hope you found this information helpful! Successes in creativity and good mood!