graphicxtras.com > tutorials > Photoshop general tutorials

How to create a diagonal straight line in Photoshop tutorial

Learn how to make a diagonal line in Photoshop. Use the line tool found in the Photoshop toolbar. How to make a diagonal from bottom left to top right. How to make / draw a straight diagonal line in Photoshop from bottom right to top left.

Create a straight diagonal line

how do I make a diagonal line in Photoshop, display of line tool in toolbar tutorial
  1. Select the line tool in the Photoshop toolbar

  2. Set the color to black (or white or green etc)

  3. Set to shape option and set weight to 10px etc

  4. Go to the bottom left corner of image

  5. Draw diagonally

  6. Hold shift to constrain angle

  7. Draw to top right

  8. Release mouse

  9. Flatten

Use the line tool found in the Photoshop toolbar and use with a set line weight along with color and hold the shift key down. The diagonal lines can be applied multiple times with different lengths and stroke weights and color and origins. You can create many different parallel diagonal line sets. You can also use the pen tool to make / add diagonal lines and the diagonal lines can be set with any stroke weight as well as different dash styles like dots. This tutorial shows you how to create diagonal lines in Photoshop

CSH format, download

 

Buy $9.95 Secure (download) ** 13,000 Custom shapes for Photoshop CC 2018 2017 2015 2014 CS6 CS5 etc and Photoshop elements includes many different line designs CSH 13,000 Custom shapes for Photoshop and Elements

How to make a diagonal line from right to left in Photoshop

diagonal lines applied over in Photoshop in dofferent colorsInstead of drawing from bottom left etc, go to the bottom right and draw line tool upwards to the top left. Of course, you don't need to start in the corner as you can set the origin at any point in the image and draw diagonally upwards or down etc

  1. Select the line tool in the Photoshop toolbar

  2. Set the color to black (or white or green etc)

  3. Set to shape option and set weight to 5px

  4. Go to the bottom right (or off screen to the right)

  5. Draw diagonally leftwards

  6. Hold shift to constrain angle

  7. Release mouse

  8. Flatten

The image on the right, the diagonal lines have been repeated with different start points and end points but always with the same shift key pressed to constrain the angle of the line to the diagonal. The color of the lines and the line weight was changed. A great way to create all kinds of parallel diagonal line designs

Make Diagonal lines using pen tool and as you can add dash styles, you can create dash lines in seconds in Photoshop

dotted line diagonal make in PhotoshopAnother approach to making a diagonal line in Photoshop is to use the pen tool

 

  1. Select the pen tool

  2. Set to shape layer option in Photoshop

  3. Set stroke color to black (or blue etc)

  4. Set stroke weight

  5. Set the dash style if required such as dots

  6. Click in the bottom left with pen tool

  7. Hold shift down

  8. Click in the top right

Other resources for Photoshop such as line brush strokes

1. Line brushes

Sources and references

1. Lines on Wikipedia.com

 

create line straight diagonal photoshop create

 

Return to home page

 

Commercial use - Royalty free - No time limit, no credit - All by graphicxtras.com - Secure sales via shareit.com (c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin Updated: November 2017