How to Make a Triangle in Photoshop

What You’ll Be Creating
In this tutorial, you will learn how to make a triangle in Photoshop. I will explain everything in so much detail that everyone can create the triangle, even those who have just opened Photoshop for the first time.
What You Will…


This content originally appeared on Envato Tuts+ Tutorials and was authored by Marko Kožokar

Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, you will learn how to make a triangle in Photoshop. I will explain everything in so much detail that everyone can create the triangle, even those who have just opened Photoshop for the first time.

What You Will Learn in This Triangle Photoshop Tutorial

  • How to make a triangle shape in Photoshop
  • How to transform the triangle
  • How to change triangle settings
  • Tips on how to use triangles in Photoshop

1. How to Make a Triangle in Photoshop: The Triangle Tool (U)

Step 1

In this section, we are going to make a triangle using the tool designed for it. Go to Window > Tools to reveal the Tools panel on your left hand side. Then, choose the Shape Tool (U), click and hold on the current shape tool to reveal all the shape tools, and select the Triangle Tool (U) from there.

selecting triangle toolselecting triangle toolselecting triangle tool

Step 2

Now Shift-click anywhere inside the canvas and click and drag to draw a triangle.

creating new triangle shape layercreating new triangle shape layercreating new triangle shape layer

Or click anywhere inside the canvas to bring up the Create Triangle dialog box and enter the settings you require. Here you can also specify a Corner Radius, which is how to make a rounded triangle in Photoshop.

creating new triangle shape layercreating new triangle shape layercreating new triangle shape layer

2. How to Draw a Triangle in Photoshop: Polygon Tool (U)

Step 1

In this section, we are going to make a triangle using an alternative tool. Choose the Shape Tool (U), click and hold on the current shape tool to reveal all the shape tools, and select the Polygon Tool (U) from there.

selecting polygon toolselecting polygon toolselecting polygon tool

Step 2

Now click anywhere inside the canvas to bring up the Create Polygon dialog box and enter the settings you require. It's important that you set the Number of Sides to 3 and Star Ratio to 100%.

creating new polygon shape layercreating new polygon shape layercreating new polygon shape layer

3. How to Draw a Triangle in Photoshop (Example)

Step 1

You can use one of these two methods to create a triangle that you'll use not only as a layer mask, but also to create a stylish neon effect like in this Neon Flyer. To do so, once you have created a triangle, press A on your keyboard, and Control-click anywhere inside the triangle to select the shape's path. Then, Control-click and drag each of the three points to position them and transform the triangle as shown below:

transforming triangletransforming triangletransforming triangle

Step 2

Now choose the Shape Tool (U), and set the Fill Solid Color to No Color, Stroke Solid Color to #000000, and Stroke Width to 3 px.

changing shape settingschanging shape settingschanging shape settings

You Made It!

Congratulations, you have succeeded! You've learned how to make a triangle shape in Photoshop. Here is our final result:

final resultfinal resultfinal result

Did you like this tutorial on how to make a triangle in Photoshop? Then you may also like:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Marko Kožokar


Print Share Comment Cite Upload Translate Updates
APA

Marko Kožokar | Sciencx (2021-08-10T09:09:04+00:00) How to Make a Triangle in Photoshop. Retrieved from https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/

MLA
" » How to Make a Triangle in Photoshop." Marko Kožokar | Sciencx - Tuesday August 10, 2021, https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/
HARVARD
Marko Kožokar | Sciencx Tuesday August 10, 2021 » How to Make a Triangle in Photoshop., viewed ,<https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/>
VANCOUVER
Marko Kožokar | Sciencx - » How to Make a Triangle in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/
CHICAGO
" » How to Make a Triangle in Photoshop." Marko Kožokar | Sciencx - Accessed . https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/
IEEE
" » How to Make a Triangle in Photoshop." Marko Kožokar | Sciencx [Online]. Available: https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/. [Accessed: ]
rf:citation
» How to Make a Triangle in Photoshop | Marko Kožokar | Sciencx | https://www.scien.cx/2021/08/10/how-to-make-a-triangle-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.