Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

In this tutorial, I’m going to show you how to create an abstract compositions of colored geometric shapes. The technique is pretty simple and the whole tutorial can be done in less than one hour – though feel free to keep experimenting in order to create your own realisation. Layered PSD file included. Let’s get started!

Final Image Preview

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS6 with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch.

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Let’s create now a tetrahedron, but firstly we’ll represent a triangle. Choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Next we’ll represent the triangular face, using the same Pen Tool (P).

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Applying the same tool, we’ll draw the next triangular face:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Next we’ll represent the other tetrahedrons, creating the basic layer firstly, using the Pen Tool (P).

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Using the same tool, we’ll represent the next triangular face:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Next we’ll represent one more tetrahedron, applying the Pen Tool (P) too.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Now we’ll represent the triangular face, using the Pen Tool (P).

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Take the Pen Tool (P) to create one more triangular face on the tetrahedron.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

We’ve got the next result:

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6

Page: 1 2

Comments