Clear, practical technology insights BSOD Code Lookup · Windows Error Code Lookup · Wi-Fi Troubleshooting · PC Troubleshooting Checklist

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks

In this tutorial, we will continue to learn how to use Photoshop CS 6 to create an abstract image of top color geometric shapes.

Table of Contents

Understanding Photoshop cs6 requires more than a headline. The overview below breaks down the key facts, changes, and user impact.

Photoshop Cs6 Overview

  • 10 common problems in Photoshop and basic remedies

Start by creating a new document ( Ctrl + N ) in Adobe Photoshop CS6 with a size of 1920px by 1200px ( RGB color mode) at a resolution of 72 pixels / inch. Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks

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

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (2)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (3)

Now create a tetrahedron, but first we will draw a triangle. Select the Pen Tool (P), set the drawing mode on Shape Layers in the Options bar and draw the next shape as shown.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (4)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (5)

Click 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 Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (6)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (7)

Next, draw a triangle, use the Pen Tool (P) like the one above.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (8)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (9)

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

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (10)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (11)

Apply the same tool to draw the next triangle face:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (12)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (13)

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

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (14)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (15)

Next draw other tetrahedral shapes, first create the basic layer using the Pen Tool (P).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (16)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (17)

Click 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 Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (18)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (19)

Use the same tool to paint the next triangle:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (20)

In the Layers panel select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (21)

Set color stops as shown. Click OK to close the Gradient Editor dialog box.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (22)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (23)

Next draw another tetrahedron using the Pen Tool (P).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (24)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (25)

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

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (26)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (27)

Now draw the triangle face, use the Pen Tool (P).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (28)

Select Add a layer style in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (29)

Similarly, set the color stops as shown below in the Gradient Editor, then click OK to close.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (30)

We have the next image:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (31)

Grab the Pen Tool (P) to create a triangle for the tetrahedron.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (32)

Click the Add a layer style icon in the Layers panel and select Gradient Overlay.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (33)

Set the color stops as shown in the image and click OK to close the Gradient Editor dialog box.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (34)

We have the next image:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (35)

Combine all tetrahedral layers into one group (press CTRL button to select the required layers and hold the left mouse button while dragging the selected layers into the Create a new group icon in the Layers panel).

Now we have to create multiple copies of that group. Leave some copies in the opposite direction using the Free Transform command (Ctrl + T). Change the gradient color of triangular faces to change the gloss. The direction of the gradient color is changed in the opposite direction.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (36)

Now we have to combine all tetrahedral groups into one (do the same as above). Create a copy of the group just created and rasterize it. Press CTRL + E to Merge Down the layer (mix the top layer to the bottom) of the selected group in the Layers panel. The rasterize class will be placed under the first tetrahedral group.

Create a copy of the rasterized layer and use the Free Transform (Ctrl + T) command to move a copy layer down a bit.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (37)

Set the Fill to 20% for this layer.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (38)

Insert the mask on this layer by selecting Add layer mask at the bottom of the Layers panel and selecting the Soft Round black brush (set the Opacity to 40% in the Options bar).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (39)

Paint the mask using this brush to hide tetrahedral elements as shown.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (40)

Create a new layer and select the Soft Round brush from the Brush Tool (B). Use this brush to show some color spots on the tetrahedron. The color of the brush is # F008D (Brush has an Opacity of 30% ). The layer will be placed above the first group.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (41)

Set Fill to 40% for this layer and change the Blending mode to Linear Dodge.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (42)

Make sure that this layer is selected in the Layers panel, hold down the Ctrl button and click on the layer containing the tetrahedron below the first group (no Displacement).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (43)

Now, on the layer using the pink brush, click on the bottom part of the Layers panel, select Add layer mask. This way we will cut the color points.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (44)

Create a copy of the rasterized tetrahedron. Place the top copy of all layers and select the Free Transform (Ctrl + T) command to flip the copy layer and use CTRL + SHIFT + U to Desaturate (convert the color image into a black and white image).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (45)

Set the Fill to 14% for this layer and change the Blending mode to Subtract.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (46)

Cut the colorless shadows after the same tetrahedron as described above by inserting a mask into the selection.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (47)

Create a new layer and use it on the Soft Round brush to show many points with the color # F008D (the Opacity of the brush is 30% ).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (48)

Set the Fill to 20% for this layer and change the Blending Mode to Pin Light.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (49)

Click Create new fill or adjustment layer from the bottom part of the Layers panel and click Curves to adjust the curve as shown below to make a small color modification.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (50)

We have the next result:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (51)

Set Fill to 45% for this layer.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (52)

Insert the mask into this layer by selecting Add layer mask at the bottom of the Layers panel, press CTRL + I to Inverse (reverse) the color of the mask, select Soft Round white brush (set Opacity to 65% in Options bar ).

Paint the mask using this brush to hide the effect, she shows smooth points on the tetrahedron.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (53)

Create a new layer and use a Soft Round brush mentioned above to highlight with yellow ( Opacity of the brush is 20% ).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (54)

Set Fill to 40% for this layer and change the Blending mode to Screen.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (55)

Next we will create a new layer and select Soft Round brush with white color ( Opacity of the brush is 30% ) to create a highlight on the tetrahedron.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (56)

Set Fill to 50% for this layer and change the Blending mode to Hard Mix.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (57)

Make sure this layer is selected in the Layers panel, then press the Ctrl button and click the rasterize layer of the tetrahedron (we'll get a selection) and insert the mask into this active layer. White highlights are cut.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (58)

Create a new layer and use the Soft Round brush mentioned above. Select white brush ( Opacity of brush is 15% to show the luminescence emitted from the tetrahedron).

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (59)

Finally create a new layer and apply a Soft Round white brush to create many different diameter dots.

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (60)

We have the final image:

How to Use Photoshop CS6 (Part 6): Create Abstract Geometric Blocks (61)

Free download Layered PSD file.

You can see more:

  • How to use Photoshop CS6 (Part 1): Create digital photos
  • How to use Photoshop CS6 (Part 2): Create fashion collage images
  • How to use Photoshop CS6 (Part 3) - Create Manipulation artwork with exposure effect
  • How to use Photoshop CS6 (Part 4): Create a fading effect
  • Instructions for using Photoshop CS6 (Part 5): Create christmas cards with snowflakes on a red background

FAQ

How does Photoshop cs6 work?

Understanding Photoshop cs6 requires more than a headline.

What should you prepare before using this method?

The overview below breaks down the key facts, changes, and user impact.

What should you do if the process does not work as expected?

Photoshop Cs6 Overview 10 common problems in Photoshop and basic remedies Start by creating a new document ( Ctrl + N ) in Adobe Photoshop CS6 with a size of 1920px by 1200px ( RGB color mode) at a resolution of 72 pixels / inch.

Discussion

Reader Comments 0

Sign in with email or Google to join the discussion.