graphicxtras.com

how to make a diagonal line in Photoshop tutorial

how do I make a diagonal line in Photoshop, display of line tool in toolbar tutorial

How do I 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 a diagonal line in Photoshop from bottom right to top left. 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

 

  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

 

How to make a diagonal line from right to left

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

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 tutorials

1. How to create lines / background pattern using rectangle shapes in Photoshop

2. Line segment tool in Illustrator

3. Pen tool in Photoshop

Other resources

1. Line brushes

Sources and references

1. Lines on Wikipedia.com