Color burst Pattern in Photoshop Tutorial

graphicxtras > Adobe Photoshop tutorials > Photoshop patterns tutorials

By Andrew Buckle, Updated : 2021

How to create a color triangle or color burst effect pattern design in Photoshop, multiple colors all from a central location.

** Youtube video tutorial on how to create a triangle burst pattern design in Photoshop using triangular shapes multi-colored design **

color burst triangles photoshop

1. Setup guides

You don't need guides but I always find them useful when I am creating a design using paths and added points. You can set up a quick set of guides by using the view menu and new guide layout command and set columns and rows to 10 and 10.

2. Pen tool in the toolbar

Go to the toolbar and select the pen tool thought this may be in a different position depending on customization of the tools. Go to the top left and set the options to shape layer. Set the color for the first triangle, you can change the color to different colors or perhaps alternate the colors and so on

color burst and pen tool

3. Create a triangle

Go to the edge and click one of the guide crossover points with the pen tool. For the next point go to the center of the guides and click and then go back to the edge and drop down a cell.

4. Create the next triangle

Drop the next cell below and click and then click in the center again and then go to back to the edge and click the point in the cell above the triangle's first point and change the color via the shape properties in the properties panel and then go to the next set of cells and repeat and repeat this for all the cell groups around the edge to the center

color burst triangles

You should now end up with multiple color triangles all the way around. You can select the above and duplicate and flip horizontal and vertical etc and quickly fill all the other cells, though you can do them all individually as well

color burst tfilled around edge in Photoshop

5. Change the colors of the various shapes

They are all shape layers and you can select each of them using the layers panel and then double click the entry in the layers panel and change the fill color. To make it easier to see the result of the pattern, you can now in the latest version go to the view menu and set pattern preview to ON. You can also clear the guides now via the view menu and clear guides.

color burst tfilled around edge in Photoshop

You can, if you wish, have the same color on each side of the triangles so the color of the triangle on the left side matches the one on the right side. and likewise on the top matches the bottom so the tiles will then be seamless.

6. Change the color for the entire design

You can also add an adjustment layer on top of the design and via the properties panel, all the colors can be changed such as using the HSL adjustment or the Black and white adjustment

color burst re-colored using adjustments in Photoshop

7. Add a clipping mask to the design

Select all the triangular burst layers via the layers panel and then goto the layer menu and select the smart objects and convert to smart object. You can then add a rectangle or any other vector shape as a shape layer and drag that design below the current pattern artwork. With the pattern artwork selected, go to the layer menu and click create clipping mask for the vector layer and you will now have the triangle burst pattern design reduced to the mask. You can manipulate the mask (it is a vector design so you can edit the points etc) and you can also manipulate the contents (the triangle burst design) as well as add layer styles etc to the artwork

color burst clipping mask

8. Move the center of the triangle burst

The triangle burst design does not need to have all the triangles pointing to the center. You can select the center point using the direct selection tool and then re-position the artwork in multiple ways.

move center of the color triangle burst

9. Smart object and smart filters for pattern color burst

You can also apply effects to the design by turning all the layers into a single object as a smart object via the layer menu and smart objects and convert command and then go to the filter menu and add a smart filter such as a blur. You can change the settings at any point by double clicking the smart filter entry in the layers panel.

effects added to the smart object color burst

10. Defining as a pattern

At any point you can define this entire design as a pattern via the edit menu and define pattern command and then use it in the new fill layer as well as layer styles etc