How to use Photoshop CS6 (Part 6): Create abstract geometric blocks
In this tutorial, we will continue to learn how to use Photoshop CS6 to create an abstract image of top color geometric shapes. This technique is quite simple and the whole tutorial can be done in less than an hour.
- 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 Picture 1
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 Picture 2
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 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 Picture 6
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 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 Picture 10
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 11
Apply the same tool to draw the next triangle face:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 14
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 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 Picture 18
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 19
Use the same tool to paint the next triangle:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 20
In the Layers panel select Gradient Overlay .
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 22
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 23
Next draw another tetrahedron using the Pen Tool (P) .
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 26
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 27
Now draw the triangle face, use the Pen Tool (P) .
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 30
We have the next image:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 31
Grab the Pen Tool (P) to create a triangle for the tetrahedron.
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 34
We have the next image:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 37
Set the Fill to 20% for this layer.
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 39
Paint the mask using this brush to hide tetrahedral elements as shown.
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 50
We have the next result:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 51
Set Fill to 45% for this layer.
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 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 Picture 60
We have the final image:
How to use Photoshop CS6 (Part 6): Create abstract geometric blocks Picture 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
You should read it
- How to draw triangles in Photoshop
- 49 smart Photoshop tips you need to know (Part 3)
- 49 smart Photoshop tips you need to know (Part 2)
- How to create a snowman in Photoshop
- How to use Photoshop CS5 - Part 6: Digital art
- Download Beautiful Custom Shapes for Photoshop
- 49 smart Photoshop tips you need to know (Part 1)
- How to cut circular images in Photoshop
- Instructions for using Photoshop for newbies
- How to use Photoshop CS5 - Part 3: Introducing Layers
- How to create texture in Photoshop CC
- 10 Photoshop beginner skills need to know
May be interested
How to design a website in Photoshop (Part 2): Create a Landing page for travel websites
Instructions for using Photoshop CS6 (Part 7): Creating Christmas cards with Christmas balls on a Stylish background
Website design tutorial in Photoshop (Part 3): Create professional website layout
The best photo compositing software on computers, iPhone, Android
How to picture League of Legends on Designcold
How to combine photos on software CollageIt