Skip to content Skip to sidebar Skip to footer

Draw Lines and Circles in Photoshop

If you desire to learn how to draw a line in Photoshop CC, in this curt tutorial I'll show you lot the popular methods to describe many types of lines—for case, how to depict a straight line, a curved line, or a dashed line.

What You'll Learn in This Photoshop Tutorial

  • How to draw a straight line in Photoshop
  • How to describe a curved line in Photoshop
  • How to depict a vertical/horizontal line in Photoshop
  • How to draw a line at whatsoever bending in Photoshop
  • How to change the thickness and colour of the line in Photoshop

Follow along with us over on our Envato Tuts+ YouTube channel:

1. How to Draw a Straight Line in Photoshop

Step i

I'll show you how to describe a straight line in Photoshop first. The easiest way is to use the tool designed for this purpose: the Line Tool (U):

select line tool select line tool select line tool

Stride 2

Set its Mode to Pixels.

set mode to pixels set mode to pixels set mode to pixels

Footstep three

And then merely click and drag to draw a straight line at any angle.

draw a straight line in photoshop with line tool draw a straight line in photoshop with line tool draw a straight line in photoshop with line tool

Step 4

Y'all can also use the Brush Tool (B). Click where you desire your line to outset, hold Shift, and click the stop signal of the line. Photoshop will draw it for you lot!

draw straight line with brush tool draw straight line with brush tool draw straight line with brush tool
These lines use your electric current brush as a base

two. How to Draw a Cleaved Line in Photoshop

Ok, but how do you depict a broken line in Photoshop? Y'all tin can use the aforementioned method for this purpose. If y'all click offset, and so printing Shift, you'll draw an individual straight line. But if you lot continue holding Shift and click again, the finish point of the previous line volition get the start point of the new ane. So, think the order: click and press Shift for a separate line, press Shift and click for a continuous broken line.

broken lines in photoshop broken lines in photoshop broken lines in photoshop
i: click, press Shift, click, release Shift, 2: click, printing Shift, click, click, click...

3. How to Draw a 90-Degree Line in Photoshop

Now let me show y'all how to draw a 90-degree line in Photoshop. The Shift fundamental is also useful here. Concur Shift and starting time cartoon to the left or right to describe a horizontal line, and upwards or downwards to draw a vertical line. Photoshop will straighten them for you.

90 Degree Lines in Photoshop 90 Degree Lines in Photoshop 90 Degree Lines in Photoshop

four. How to Describe a Curved Line in Photoshop

Stride 1

And so that was a straight line, just how exercise y'all draw a curved line in Photoshop? Of course, you can use the Brush Tool (B) to simply draw whatever line you want, but if yous don't have a graphics tablet, information technology may exist hard to command its shape. Allow's use the Curvature Pen Tool (P) instead.

 Bend Line in Photoshop  Bend Line in Photoshop  Bend Line in Photoshop
How do you describe a curved line in Photoshop with a mouse? Yous could utilise the Castor Tool, but...

Pace 2

The Curvature Pen Tool is hidden under the Pen Tool carte:

select curvature pen tool select curvature pen tool select curvature pen tool

Step 3

Set its Way to Shape, remove the Fill, add a colour to the Stroke, and adjust the thickness of the line.

adjust shape settings adjust shape settings adjust shape settings

Step 4

This tool allows y'all to depict a curved line by clicking and dragging. The best affair virtually it is that the line stays fully editable—simply click and drag any of its points to modify its shape. Control-click to cease cartoon, and utilise the Direct Pick Tool (A) to select the line over again.

Curved Line in Photoshop Curved Line in Photoshop Curved Line in Photoshop
... the Curvature Pen Tool is much better for this purpose!

You can learn more about using the Curvature Pen Tool here:

5. How to Draw a Dashed Line in Photoshop

Step 1

Here'due south how to draw a dashed line in Photoshop. If you click the line adjacent to the Stroke thickness, y'all'll see a couple of presets—dashed lines included.

dashed line presets dashed line presets dashed line presets

Stride 2

Click on your chosen preset and simply outset drawing the line:

Dashed Line in Photoshop Dashed Line in Photoshop Dashed Line in Photoshop

Step three

If you lot desire to create your own preset for a dashed line, click More Options...

add more dashed lines add more dashed lines add more dashed lines
Click "More than Options" to create a custom preset for a dashed line

Step 4

... and adjust the settings. Click Save to save the preset for later utilise.

custom dashed lines photoshop custom dashed lines photoshop custom dashed lines photoshop

half-dozen. How to Draw a Black Line in Photoshop

Step 1

If you're wondering how to depict a blackness line in Photoshop, it works the same for all colors. To draw a line of any color with the Brush Tool (B) or other tool in the Pixels mode, adjust the color in the Color panel.

pick color for your pixel line pick color for your pixel line pick color for your pixel line
Employ the Color Picker for your pixel lines...

Stride 2

If you prefer the Curvature Pen Tool (P), or whatsoever other tool in the Shape manner, adapt the color in the Stroke panel—you tin can do it fifty-fifty afterward the line is drawn.

change vector line color change vector line color change vector line color
... and the Stroke settings for your vector lines

7. How to Describe a Bold Line in Photoshop

Stride ane

If you want to know how to draw a assuming line in Photoshop, you have ii options: either increase the size of the brush you're cartoon with using the square bracket keys ([), (])...

bold lines drawn in photoshop bold lines drawn in photoshop bold lines drawn in photoshop
The thickness of pixel lines tin't exist changed one time they're drawn...

Step two

... or, if you're in Shape mode, only the thickness of the Stroke in the settings.

change line thickness change line thickness change line thickness
... but vector lines are not express this way!

8. How to Draw a 45-Degree Line in Photoshop

Step ane

Only how to depict a 45-caste line in Photoshop, or any other angle for that matter? Here's the pull a fast one on: use the Rotate View Tool (R).

select rotate tool select rotate tool select rotate tool

Footstep 2

Blazon your angle in the Rotation Angle field and press Enter.

rotate screen rotate screen rotate screen
Expect at the icon adjacent to the Rotation Bending field to run into a preview of your line

Stride three

Now simply describe a straight line.

draw a straight line draw a straight line draw a straight line

Footstep iv

Press Escape to go back to the default view and run across the line at the correct angle.

angled line in photoshop angled line in photoshop angled line in photoshop

Practiced Job!

At present you know how to draw a line in Photoshop! It may non seem like much, but every artwork starts with a line. Just visit the graphics section of Envato Elements to come across how simple lines can be used successfully in graphic design.

how to draw a line in photoshop how to draw a line in photoshop how to draw a line in photoshop

If you want to larn more than nearly the basics of Photoshop, here you can find a couple of tutorials for beginners:

willistheareetweet.blogspot.com

Source: https://design.tutsplus.com/tutorials/how-to-draw-a-line-in-photoshop--cms-35289

Post a Comment for "Draw Lines and Circles in Photoshop"