Illustrator – Triangles and Angles Tutorial

5
fzm-tutorial-Illustrator-Triangles

While working on the previous post with the Vector Rulers I played with the making of a triangle in Illustrator. The easiest way to do one is with the Polygon Tool and that works fine if you do not get too mathematical and need a triangle with specific angle degrees. Since creating triangles in Illustrator is not so straight forward, here are some ways to draw them.

1. Equilateral Triangle – To make a simple triangle in Illustrator just grab the Polygon Tool.

Tutorial-Illustrator.Triangle-01

Click on the artboard and in the polygon option window choose 3 sides. The radius doesn’t really matter since you can scale the triangle afterwards to whatever you need.

Tutorial-Illustrator.Triangle-02

So by doing that you now have an equilateral triangle. Now you can use the Direct Selection Tool (A) to select anchor points and drag them around to adjust the triangle to your needs. If you want to keep the triangle isosceles, then select two anchor points and using the Scale Tool (S) and holding Shift drag the selected points to change the triangle.

Tutorial-Illustrator.Triangle-03

Just as a note, when using the Polygon Tool you can also change the number of sides of the polygon by holding left click and dragging and while still holding down the left click use the up and down directional arrows on your keyboard to increase or decrease the number of sides.

2. Right Angle Triangle – To make a right angle triangle grab the Rectangle Tool (M) and drag a rectangular shape. If you want to do a right angle isosceles triangle then hold the Shift key to drag a square. Now all you have to do is delete an anchor point with the Delete Anchor Point Tool (-) and you have a right angle triangle.

Tutorial-Illustrator.Triangle-04

3. Specific Angle Triangle -This is what I was trying to do for the Vector Rules where I needed a triangle with 90, 60 and 30 degree angles. I wanted it to be accurate instead of just approximate. This is still an easy triangle to sort of approximate, but what if you needed even more specific angle degrees, let’s say a 76, 63, 41 angle triangle – Here’s a way to do that; grab the Rectangle Tool (M) and drag a long and thin rectangle.

Tutorial-Illustrator.Triangle-05

Now with it selected Copy (Ctrl+C) and Paste in Front (Ctrl+F). With the new rectangle still selected go to top menu Object > Transform > Rotate (or right click Transform > Rotate).

Tutorial-Illustrator.Triangle-06

In the rotate window put 41 degrees and click OK.

Tutorial-Illustrator.Triangle-07

Move the newly rotated rectangle a bit up and to the left. Now the overlapping rectangles make a 41 degree angle.

Tutorial-Illustrator.Triangle-08

With the new rectangle still selected Copy and Paste in Front again and go to Object > Transform > Rotate and in the window put 76 degrees and click OK. Move the new rotated rectangle a bit to the right and up so it looks something like the image below.

Tutorial-Illustrator.Triangle-09

Now the rectangles make a triangle with 76, 63, 41 degree angles. So to extract the triangle select all three rectangular shapes with the Direct Selection Tool (V) and in the Pathfinder window (if you do not have it open go to top menu Window > Pathfinder) click on Unite.

Tutorial-Illustrator.Triangle-10

Now with the Direct Selection Tool (A) and holding Shift select the three points as in the image below and Copy and Paste.

Tutorial-Illustrator.Triangle-11

and now you have the triangular shape with the accurate angles that you wanted. If you need to scale it to fit a project hold the Shift while you scale so it maintains its proportions.

So that’s pretty much it; Happy designing and I hope you’ll find this tutorial usefull for your projects.

Similar Posts:

5 comments

  1. Tip #3 is priceless… never thought about that!

    Thanks

  2. Thanks!!! great tips – all are priceless.

  3. Andrew

    Brilliant. Thanks for the idea!

  4. Anooj Muljee

    1)Hello, I want to learn how to draw those red arrows which indicate the span of the angle degrees.

    Would be thankful if you can you help me with this.

    2)Also, what’s the font type you’ve used for the ‘if you like this post please share’?

    Thanks :)

    • Hi Anooj,
      One way you can do the arrows is:
      • grab the Line Tool (U) and draw a line.
      • from top menu Edit>Transform Path>Warp – then right under that top menu you should have a drop down option box where it says Warp: Custom. Click and select Arc.
      • for the arrow heads you can grab the brush tool and draw them or you can use the line tool and then rotate each segment into position.(Edit>Transform Path>Rotate)
      • the font you asked about is called Desyrel and you can get it from dafont.com.

(required)