graphicxtras.com > tutorials > Patterns

How to Create Two Triangle Color Photoshop Pattern tutorial

two triangle photoshop pattern combo

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

First steps to creating the Two triangle color patterns

two triangle pattern for Photoshop
  1. Select the rectangle tool

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

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

  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

Variations of the two triangle patterns in Photoshop such as add circles etc to the mix

two triangle pattern circle photoshop

You can set the color in countless combinations.

 

Or duplicate the two triangle layer and then scale say to 75% and then define that and so on or duplicate the two triangle pattern layer and then scale and rotate and perhaps use an adjustment to re-color the duplicated layer and so on

 

Or perhaps warp the duplicated layer or apply effects and so on.

 

Or add additional paths such as a circle to the triangle pattern and then define that as on the right.

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

3. how to create a color square grid pattern but filled with random colors in Photoshop tutorial

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]

 

graphicxtras

(c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375

e-mail: support@ graphicxtras.com

License / Privacy

Contact us

Contact via facebook.com/

pinterest.com/

twitter.com/graphicxtras

youtube.com/

instagram.com/

Linkedin.com/

 

Updated: August 2017