How to create two triangle pattern in Photoshop tutorial

How to create a two triangle pattern in Adobe Photoshop tutorialAs 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 example below of one possible result) and of course, an infinite number of possible triangle patterns - this is just one way and one style

Create two triangle pattern in Photoshop

two triangle photoshop pattern combo
  1. Select the rectangle tool in Photoshop (basis of the triangle pattern)

  2. Go to the settings at the top of the page

  3. 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.

  4. Set the option to layer

  5. Set the color to whatever (red, green etc) for the first part of the 'two' triangle pattern

Now, you can 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 triangle shape layer in Photoshop

two triangle pattern for Photoshop
  1. 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.

  2. Select the delete anchor point tool via the toolbox (beneath the pen tool depending on the customization of the Photoshop toolbar).

  3. Go to the bottom right corner of one of the top layer and remove the point (a dialog will pop saying that the shape will be turned into a regular shape, say ok).

Now you will have a square and a triangle.

Re-color the pattern tile layer

two triangle pattern photoshop
  1. Go to the layer panel and select the generated shape.

  2. Select the rectangule tool in the Photoshop toolbar (or any of the other shape tools such as ellipse tool or the custom shape tool or polygon tool - it has to be one of the shape tools)

  3. Click the fill option / color picker in the top bar of Photoshop (it is titled 'fill'). The available swatches for the tool will be displayed. Select the solid color option unless you want to fill the pattern tile triangles with gradients or patterns

  4. 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'

Now you have two colorful triangles and, of course, they can be set to any color. They can also be filled with other colors such as gradients or perhaps even patterns or effects. The colors can also be modified further by using tools such as adjustment layers to invert the colors used or perhaps change the color balance or the hue / saturation in Photoshop.

Defining the two triangle pattern in Photoshop

two pattern triangle photoshop blue
  1. Now go to the layer menu

  2. Flatten the layers (bottom of the menu)

  3. Go to the edit menu and define pattern command.

  4. You can now use the triangle pattern via the fill command as well as new layer fill content etc (personally I prefer the new fill layer command as you can interactively change the scaling). You can also use the two triangle pattern in other tools such as the pattern stamp and also with the stroke and fill of a custom shape layer (or stars or polygons etc)

  5. Set scaling to 25% etc in the fill layer content panel

  6. OK

Now you have the two triangle pattern design and this can be used as a fill layer. The pattern can also be generated used in tools such as the layer effects so you can combine the two triangle pattern with glows and bevels and store the result as a style. The pattern design can also be saved to the libraries panel for use in other applications.

Re-color the two triangle pattern

triangle two pattern design adjustment layer

Of course, you can also re-color the triangle pattern (two combination) and define that as a pattern in Photoshop

  1. Flatten two triangle pattern

  2. Go to the image menu

  3. Adjustments

  4. Hue and saturation

  5. Change hue setting

  6. Edit menu

  7. Define pattern

  8. Layer menu new fill layer content etc

Other tutorials

1. how to copy the colorful (as well as black and white) Photoshop patterns to other applications such as PSP and Affinity Photo

2. how to create a pyramid shaded pattern in Photoshop

Other resources

1. Different triangle and triangular themed brush strokes for use in PSP and Photoshop etc

Youtube Video tutorial

Tutorial on the subject [Youtube]


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin


The graphic design products are priced in US dollars but they can also be bought in Euros, Yen, UK pounds, etc though please note that there may be additional taxes applicable which will be handled in the secure checkout. If you have any questions or queries about the products, please let us know and I will try and help by e-mail or via youtube etc. You can also add additional products as well as download protection and also purchase a physical CD via the The brushes and patterns etc work in a variety of applications and there are many freebie / samplers available to test them on your system before any purchase but again, if you have any concerns that the brushes etc will work with your favourite application, please let us know. The quickest way is probably to leave a message on our facebook page. The designs can be used as brushes and patterns and shapes etc but they can also be used just as images or layers as well as displacement maps or overlays or masks etc so even if the product is listed as a brush or shape, you can often also use the artwork as a layer and use the layer multiple times in the same project to create all kinds of unique and wonderful designs. The products on this site are copyright of Andrew Buckle but any products and artworks you create with these items are your copyright.