How to Create a color triangle pattern in Photoshop Tutorial

How to create a colorful triangle pattern in Photoshop CC 2018 2017 2015 CS6 etc tutorial.

Create color triangle pattern

how to create triangular with color overlap color triangle pattern Photoshop
  1. Create guides in Photoshop for the color triangle pattern via the view menu and new guide layout (set to 10 x 10 say)

  2. Use pen tool to create a triangle from the edge (left side) to the center - select the shape option

  3. Click from the two points on the edge to the center and back to the first point to close the path.

  4. Repeat on the right side of the tile and change the color of the fill - make certain the edge points match on the opposite side. The colors do not need to match.

  5. Repeat this all the way down the left side and match on the right side.

  6. Now go to the top and do the same creating two points along the top edge using the guide to the center and closing the path. Repeat again using the same points along the bottom and change the color via the fill dropdown

  7. Once you have finished your colorful triangles

  8. Edit menu

  9. Define pattern (for the color triangle tile)

The initial setup for the color triangle is some guides. The guides are useful for making it easier to align points for the artwork tile


videoVideo tutorial on the subject by (youtube)


Setting up the guides : guidesYou can set up all kinds of guides, you don't have to create a 10 x 10 grid, you can set up a 20 x 20 etc grid. The key thing is that the opposite sides edges match so when you come to define this as a tile it is seamless and there are no weird breaks in the seams.


The guides do not need to be uniform, you can always shift a guide by selecting it and moving the guide to a new position. You can also create a slightly more interesting guide setup via the new guides from shapes command


Another thing to avoid is making the path on the opposite side the same color


Buy $4.50 100 Hi-impact strokes (V97) gallery


Pen tool : penSelect the pen tool (shape option) and then click on the document using the guides to create the shapes to be used for the tile. Click the center and then go to the edge and click one of the intersections. Go to another intersection on the same edge and go back to the center.


Click off that layer. Repeat that with other shapes all the way around the edge of the document.


Make certain that the intersections on one side matches the opposite side otherwise the design will look a little disjointed. You don't have to change the color until you have finished the entire document. Randomize the length of the sides if you wish or go for 1 or 2 cells around the entire edge.


Change shape colors : layers panelSelect a shape tool such as an ellipse tool.


Now go to each layer in the layers panel and then change the color for each slice in the document via the top bar (you can color it during the creation with the pen tool but I find it is easier to do it later)


Goto the fill color and click and select swatches to change the color. Make certain the adjacent color is different so don't place two reds together or two blues (otherwise you just won't see the difference)


Define : defineNow go to the edit menu and define it.


You can flatten the artwork and then apply adjustments to re-color the artwork and then define it again to create multiple designs from the same set of shapes.




Using the colorful tile : tilesYou can then apply your design via the fill menu as well as the layer menu and new fill layer as well as the stamp tool and layer styles.


The artwork can be re-colored in all kinds of ways by using adjustment layers so the artwork can be turned into a blue design or green design etc. You can use the color lookup or camera raw filter to re-color the artwork in countless ways for many different tile designs


With the layer fill, you can also set the scaling for the tile so you can set it to 100% (default) as well as 25% etc. You cannot rotate the artwork in PS but if you use the file save command in PS and save the design to a PNG file then you can use the tile in tools such as Affinity Photo or GIMP


Variations: shift of centerYou do not need to have the center of the tile directly in the center. You can un-flatten the artwork via the history panel (or simply define the tile via a different document) and then use the direct selection tool to select the center points and move that.


You can then move the center to the left side of the document or to the top etc. You can then define that tile via the edit menu.


You can flatten the design and then duplicate the artwork and rotate and transform the layer (as well as re-color it using adjustments such as hue and saturation) and then combine it with the original artwork using blending modes such as difference or darken.


Effects : twirl filterYou can apply effects to central part of the artwork such as a twirl (use selections) and the image on the right has had the twirl added and it can be used to create a more wavy unusual artwork (you could also use tools such as Affinity Photo to modify the twirl or deform in many other ways or perhaps use the liquify but the key thing is to avoid modifying the seams / edges of the artwork).


Keywords : How to Create a color triangle pattern in Photoshop Tutorial


Return to home page


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


video video video video video video