Javascript required
Skip to content Skip to sidebar Skip to footer

Draw a Straight Line After Effects Paint

If you want to learn how to draw a line in Photoshop CC, in this short tutorial I'll show you the popular methods to draw many types of lines—for example, how to draw 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 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 color 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 1

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

Step 2

Set its Mode to Pixels.

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

Step 3

Then simply 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

You can also use the Brush Tool (B). Click where you want your line to start, hold Shift, and click the end point of the line. Photoshop will draw it for you!

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

2. How to Draw a Broken Line in Photoshop

Ok, but how do you draw a broken line in Photoshop? You can use the same method for this purpose. If you click first, and then press Shift, you'll draw an individual straight line. But if you keep holding Shift and click again, the end point of the previous line will become the start point of the new one. So, remember 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
1: click, press Shift, click, release Shift, 2: click, press Shift, click, click, click...

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

Now let me show you how to draw a 90-degree line in Photoshop. The Shift key is also useful here. Hold Shift and start drawing to the left or right to draw a horizontal line, and up or down 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

4. How to Draw a Curved Line in Photoshop

Step 1

So that was a straight line, but how do you draw a curved line in Photoshop? Of course, you can use the Brush Tool (B) to simply draw any line you want, but if you don't have a graphics tablet, it may be difficult to control 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 Brush Tool, but...

Step 2

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

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

Step 3

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

adjust shape settings adjust shape settings adjust shape settings

Step 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 any of its points to modify its shape. Control-click to finish drawing, and use 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's 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

Step 2

Click on your chosen 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 Options" to create a custom preset for a dashed line

Step 4

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

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

6. How to Draw a Black Line in Photoshop

Step 1

If you're wondering how to draw a black 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
Use the Color Picker for your pixel lines...

Step 2

If you prefer the Curvature Pen Tool (P), or any other tool in the Shape mode, adjust the color in the Stroke panel—you can do it even after 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

Step 1

If you want to know how to draw a bold line in Photoshop, you have two options: either increase the size of the brush you're drawing 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 can't be changed once they're drawn...

Step 2

... or, if you'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 limited this way!

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

Step 1

But how to draw a 45-degree line in Photoshop, or any other angle for that matter? Here's the trick: use the Rotate View Tool (R).

select rotate tool select rotate tool select rotate tool

Step 2

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

rotate screen rotate screen rotate screen
Look at the icon next to the Rotation Angle field to see a preview of your line

Step 3

Now simply draw a straight 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 angle.

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

Good Job!

Now you know how to draw a line in Photoshop! It may not seem like much, but every artwork starts with a line. Just visit the graphics section of Envato Elements to see 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 learn more about the basics of Photoshop, here you can find a couple of tutorials for beginners:

Draw a Straight Line After Effects Paint

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