How to create a diagonal straight line in Photoshop tutorial

Learn how to make a diagonal line in Photoshop in CC 2018 2017 2015 etc

Create a straight diagonal line

photoshop straight line diagonal tutorial how to
  1. Select the line tool in the Photoshop toolbar

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

  3. Set to shape layer option and set weight to 10px for the Photoshop diagonal straight line

  4. Go to the bottom left corner of image

  5. Draw diagonally

  6. Hold shift to constrain angle to 45 degrees diagonal

  7. Draw to top right

  8. Release mouse

  9. Flatten

 

Video tutorial on the subject by graphicxtras.com (youtube)

 

Shift 45 degrees : settingsThe key tool is the line tool found in the toolbar beneath the rectangle / rounded rectangle tool. Hold the shift key to constrain to 45 degrees or 90

 

Buy Price : $11.99 US or equivalent. 13,000 Custom shapes for all your projects, all royalty free CSH gallery

 

Origin : bottomInstead of drawing from bottom left etc, go to the bottom right and draw the 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

 

You can fill the artwork (if used as layers) with gradients etc so black from one corner to white in another (or any other color)

 

Apply as layers or pixels etc : shadowYou can apply the artwork as a layer or pixel or path via the top bar of PS. Set it to shape layer and then add a shadow via the layer menu and layer style.

 

Hold down the shift to set to 45 degrees and apply in both directions.

 

You can also convert the artwork layer into a smart object and add effects such as oil paint or distort

 

Repeat application : You don't have to apply it only once, you can apply the graphic multiple times to create dramatic effects in seconds

 

The image on the right, the artwork has been repeated with different start points and end points but always with the same shift key pressed to constrain the angle to 45 degrees. The color and weight was changed for each application.

 

Parallel : parallelA great way to create all kinds of parallel designs. You can go to the layers panel and select all the layers and then go to the layer menu and select the combine shapes command and unite shapes. You will then see all the vector artwork join together and become a single parallel design.

 

It should be noted that you should draw the artwork as a vector layer first and then select the shift key to force it to 45 degrees. If you go the other way, it will just add the artwork to the current layer (which maybe what you want)

 

Pen tool : penAnother approach is to use the pen tool. Set the shape layer option and set the stroke to black or a solid color.

 

Set the fill to nil. Set a weight for the design.

 

Dash styles : You can also set a dash style such as dots. Click in the bottom left and then hold the shift down and move to the top right and click and then release the mouse.

 

You now have a dotted design from left to right

 

Styles : styleAs you can apply the artwork as a layer, you can also add styles such as metallic or gel effects or textures to the art - you can then apply different styles to each generated artwork to create a really abstract design

 

You can find all the styles via the styles panel (window menu)

 

Keywords : How to create a diagonal straight line in Photoshop tutorial

 

 

Return to home page

 

Commercial use - Royalty free - No time limit, no credit - All by graphicxtras.com - Secure sales via shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com