How to Create Two Triangle Color Photoshop Pattern tutorial

How to create a two triangle pattern in Adobe Photoshop tutorial

First steps to creating the Two triangle color patterns

As with all the tutorials on this site, there are probably an infinite number of ways of going about creating a triangle pattern in Photoshop (see an

Tutorial by: Andrew Buckle

Works with: Photoshop CC and CS and standalone, Elements

Other tutorials: Tutorial links

Videos: Video tutorials

example below of one possible result) and of course, an infinite number of possible triangle patterns - this is just one way and one style


First take a rectangle shape, select the rectangle tool and go to the settings at the top of the page and set the option to fixed - so it matches the dimensions of the document. So if your document is 600 x 600 then set the fixed size for the shape to 600 x 600. Set the option to layer and set the color to whatever (red, green etc).


Now use the rectangle tool to drag a shape to the 0px and 0px in the document (always would love to see an option in the settings to set the initial point for the left / top etc but sadly that appears not to exist in PS). Anyway, once you have the layer in the top corner drop the layer / release.


Duplication of layer

The next step is to duplicate the existing layer and that is done via the layer and duplicate layer menu command or via the layer panel. Now you have two layers. Select the delete anchor point tool via the toolbox (beneath the pen tool). Go to the bottom right corner of one of the top layer and remove the point. Now you will have a square and a triangle.


two triangle photoshop pattern combo


Re-color of the layer

Select the rectangular tool and select the fill option and set the new color for the triangle. You can set it to any color, perhaps if using red for the first then you can set it to a lighter red or perhaps a darker red or check out combinations via the extension 'Adobe color themes' so an inverted color etc. Now you have two colorful triangles


Defining the two triangle pattern in Photoshop

Now go to the layer menu and flatten the layers (bottom of the menu) and then go to the edit menu and define pattern command. You can now use the triangle pattern via the fill command as well as new layer fill content etc


Additional steps for the triangles

Of course, you can also re-color the triangle pattern (two combination) and define that, you can also select the entire tile and then use the selection menu and transform selection and set the selection scale to 50% or 75% etc and then re-color that selection to create an inner two triangle color combination for Photoshop or perhaps duplicate that selection via the layer menu duplicate command and rotate 90 degrees and create many more interesting combinations of two triangle patterns.


Other tutorials

You can find other tutorials on the patterns such as how to copy the Photoshop patterns to other applications such as PSP and how to create a pyramid pattern in Photoshop and how to create a random color square grid pattern in Photoshop tutorial


Youtube Video tutorial

Tutorial on the subject [Youtube]