banner



How To Draw Straight Lines At An Angle In Photoshop

If you want to learn how to describe a line in Photoshop CC, in this short tutorial I'll show y'all the popular methods to depict many types of lines—for example, how to draw a straight line, a curved line, or a dashed line.

What You lot'll Larn in This Photoshop Tutorial

  • How to describe a direct line in Photoshop
  • How to draw a curved line in Photoshop
  • How to draw a vertical/horizontal line in Photoshop
  • How to draw a line at any angle in Photoshop
  • How to change the thickness and colour of the line in Photoshop

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

ane. How to Draw a Straight Line in Photoshop

Pace one

I'll show you how to draw 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

Footstep ii

Set its Mode to Pixels.

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

Step 3

So only click and elevate to draw a straight line at whatsoever 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

Yous can also use the Brush Tool (B). Click where you lot want your line to start, hold Shift, and click the finish point of the line. Photoshop will draw information technology for you!

draw straight line with brush tool draw straight line with brush tool draw straight line with brush tool
These lines employ your current brush as a base of operations

2. How to Draw a Cleaved Line in Photoshop

Ok, but how do you depict a cleaved line in Photoshop? You can utilise the same method for this purpose. If you click start, and and so press Shift, you'll describe an individual straight line. Just if you lot keep belongings Shift and click again, the end point of the previous line volition become the offset point of the new one. So, recall the order: click and printing Shift for a separate line, press Shift and click for a continuous cleaved line.

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

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

Now permit me bear witness you how to draw a 90-degree line in Photoshop. The Shift key is also useful here. Agree Shift and showtime cartoon to the left or right to draw a horizontal line, and up or down to draw a vertical line. Photoshop will straighten them for yous.

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

four. How to Draw a Curved Line in Photoshop

Footstep one

And so that was a direct line, but how do you draw a curved line in Photoshop? Of grade, yous tin can utilize the Brush Tool (B) to simply draw whatsoever line you desire, but if you don't have a graphics tablet, it may be difficult to command its shape. Let's use the Curvature Pen Tool (P) instead.

 Bend Line in Photoshop  Bend Line in Photoshop  Bend Line in Photoshop
How do you draw a curved line in Photoshop with a mouse? You could use the Castor Tool, but...

Footstep 2

The Curvature Pen Tool is hidden nether the Pen Tool menu:

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

Pace 3

Ready its Mode to Shape, remove the Fill up, add together a color to the Stroke, and adjust the thickness of the line.

adjust shape settings adjust shape settings adjust shape settings

Pace 4

This tool allows you to draw a curved line by clicking and dragging. The best thing about it is that the line stays fully editable—just click and drag whatsoever of its points to alter its shape. Command-click to finish drawing, and employ the Direct Selection Tool (A) to select the line 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 next to the Stroke thickness, you'll see a couple of presets—dashed lines included.

dashed line presets dashed line presets dashed line presets

Pace 2

Click on your called preset and simply start drawing the line:

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

Step 3

If you want 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 accommodate the settings. Click Save to relieve the preset for later use.

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

half dozen. How to Depict a Black Line in Photoshop

Step 1

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

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

Step 2

If you prefer the Curvature Pen Tool (P), or any other tool in the Shapdue east style, adjust the color in the Stroke panel—y'all tin can do it even later on 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 Draw a Bold Line in Photoshop

Stride 1

If you want to know how to draw a assuming line in Photoshop, y'all take two options: either increase the size of the brush yous're drawing with using the foursquare bracket keys ([), (])...

bold lines drawn in photoshop bold lines drawn in photoshop bold lines drawn in photoshop
The thickness of pixel lines can't be changed once they're drawn...

Step 2

... or, if you lot're in Shape mode, just 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!

eight. How to Describe a 45-Degree Line in Photoshop

Step 1

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

select rotate tool select rotate tool select rotate tool

Step 2

Type your angle in the Rotation Bending field and press Enter.

rotate screen rotate screen rotate screen
Look at the icon adjacent to the Rotation Bending field to meet a preview of your line

Stride three

At present but draw a direct line.

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

Step 4

Press Escape to go back to the default view and see the line at the correct bending.

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

Practiced Task!

Now you know how to draw a line in Photoshop! It may non seem similar much, but every artwork starts with a line. Simply visit the graphics section of Envato Elements to run across how simple lines tin 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 y'all want to learn more about the basics of Photoshop, hither you tin find a couple of tutorials for beginners:

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

Posted by: lynnbereest.blogspot.com

0 Response to "How To Draw Straight Lines At An Angle In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel