Using various textures constructing a 3D scene with only textures!

By , last updated July 3, 2017


Final image making a 3d scene in photoshop with just textures

The image that is going to be used for this tutorial is taken from the below link, it’s always a good idea to use a high resolution texture for crisp and sharp results.

Plastered brick wall
Cracked desert ground
Parking sign
Valley with mountains
Grungy metal

In this tutorial a couple of textures are used to form a 3D environment, the basic tools that would be used are transform, perspective and distort.

1.Launch Photoshop.
2.Open the brick texture drag and drop it onto a new canvas of size 900×700.
3.Rename the layer containing the brick texture to “Foreground Wall”.
4.Press CTRL + T to enter transformation mode, right click and select Perspective.

Add an adjustment layer by clicking on the button

5.Play around with the corner handles to give some depth the wall, like in the screen shot below. You will have to switch between the perspective handle (B) and Transformation handle (A) to give it depth and scale it to match the screen below. An easier approach would be to first set the perspective by dragging the corner handle marked (B) and if you feel the image is too stretched and abnormal switch to Free transform and resize it with the handle marked (A).

Resize in photoshop with free transform tool

6.Once you are satisfied with the position press enter to apply all the changes.
7.Next open the same brick texture and drag and drop it on the canvas, rename the layer to “Background Wall”.
8.Apply the same technique mentioned in step 5. For this wall you will only have to scale it down to match with the foreground wall, perspective corrections won’t be required unless you plan to do it that way.
9.If everything is going according to the mentioned steps, the following results shown in the screenshot should be on your side as well.

Perspective view with textures scene in photoshop

10.Next we will add the ground.
11.Open the ground texture, and repeat the tile to make large ground image.

Open the ground texture, and repeat the tile to make large ground imag

12.Next align it using distort, perspective and Free Transform combinations to places it on the ground as shown in the screen shot. Press CTRL + T to enter transform mode and from the context menu (right click) and choose distort, perspective and Free Transform as required. Rename this layer to “Ground”.

Add ground to the brick walls in photoshop

13.Next drag the mountain scene on the back of the wall.
14.Open the image and drag and drop it on the canvas, if required drag the layer of the mountain below the foreground layer.
15.Next drag the parking sign texture and place it on the background wall.
16.Next process is the lighting correction to give some depth.
17.Select the foreground wall layer, go to Image > Adjustments > Brightness/Contrast. Set brightness of this wall to 12. Click OK,
18.Select the background wall layer, open Brightness/Contrast once again and set brightness to -17.
19.Steps 17 and 18 set the brightness to give some depth and a sense of light.
20. Next we set the lighting on the ground. Select the ground layer.
21.Drag this layer below the foreground layer.
22.Add an adjustment layer by clicking on the button as shown in the screen shot below.

Enter transformation mode in photoshop and select perspective

23.With the adjustment layer still selected press ALT + CTRL + G to create a clipping mask, this results the adjustment layer only affecting the layer below it.
24.Set the brightness in the properties panel to around -40.

1.Set the brightness in the properties panel to around -40

25.This has resulted the complete ground being dark where as we want only the furthest corner to be darker. To fix this we will do some mask paint.
26.Select the mask icon on the adjustment layer as shown.

Select the mask icon on the adjustment layer

27.Select the brush tool (B) make sure the color is set to black, set the hardness of this brush to 0% and opacity to 50%
28.Now start painting on the ground closer to you. This will reveal the original brightness of the ground. You might have to experiment a bit between settings to your liking. You may also want to drop the brightness further in the properties panel of the adjustment layer.
29.If you want to further improve this, add some grunge and dark shadows on the walls, for this purpose you can download this texture: Rusty grungy metal
30.Drag and drop it on the canvas, name the layer to grunge, make sure it is placed above the foreground wall layer.
31.Adjust the perspective of this texture so that it aligns nicely with the wall.

Adjust the perspective of this texture so that it aligns nicely with the wall

32.Set the layer blend mode to ‘Subtract’, opacity to 50%, this will blend it with the wall, repeat this procedure to add grunge to the bottom side of the walls.

This is how the final image looks.

Final image making a 3d scene in photoshop with just textures