Triangle cut corners CS5 Photoshop

How do you effectively cut out triangles in Photoshop for a web design easily? Is the only way to use the polygonal lasso tool, which always gets me triangles of unequal sizes. I’m trying to achieve something like this:

Triangle effect


Personally speaking, I don’t cut out. I create a triangle pattern which I apply to a rectangle. It’s a lot easier.

To do this, create a new 6 x 3 (for example) image. Create guides around the bounds and one down the middle. Draw a triangle with the pen tool and make it the required colour. Then I save it as a pattern.

enter image description here

To repeat the graphic, I create a 3px high rectangle (to correspond the the 3, above, change if yours is higher) and apply the pattern using the pattern overlay layer style which repeats it over however wide the rectangle is.

enter image description here

Of course, if you want to, you can make this shape a selection afterwards and delete the selection from the image you want to ‘cut’.

Source : Link , Question Author : Shikhir , Answer Author : Scott Brown

Leave a Comment