In this tutorial, I will show you how to create a perspective 3D scene and the illusion of depth with Photoshop’s basic features like transform tools, masking, blending, adjustment layers, and more. I will try to explain it in a very easy way so the beginners can follow along.
What you’ll be creating
We will start this tutorial by creating perspective background, then adding shadows and some elements, such as chains, pipe and wires. Finally, we will finish it up by adding some nice textures to it. You will need Photoshop CS5 or newer to follow this tutorial.
- Man – Shutterstock
- Metal Texture – Markpiet
- Vault – Kiyoi-Stock
- Sci-Fi Prop – Inadesign-Stock
- Steam Stock – Random-Acts-Stock
- Chain – Lemurianwanderer
- Wire – Enframed
- Crack Texture – Obsidian-Fox-Stock
- Metal Texture 2 – Mercurycode
- Rivets – Enframed
- Barcode – SXC.hu
- Stain Texture – Kizistock
Let’s start by open the image of Man. First thing we need to do is to extract the Man from the background. Before we start anything, double click the Background layer in the Layers panel to unlock it, then select the Magic Wand Tool (W) from the Tool panel. Magic Wand Tool is a great way to select this kind of images – that have areas of similar tone and color. In the Option bar, Set the Tolerance to 25 and simply click on the background area.
You’ll see that the selection isn’t perfect, but we can always fix it in Quick Mask Mode by pressing the (Q) key on the keybord. Now grab the Brush Tool (B) in the Tools panel and start painting with a hard-edged brush preset. The red overlay indicates areas that are not selected. Keep painting until you have a smooth line that you are happy with.
Once you’ve done with Quick Mask Mode, press the (Q) again to go back to the Normal Mode, then press Delete to remove the background.
Now Go to Image > Canvas Size, uncheck the Relative option and change the dimensions to 3362 x 3719 pixels. An alert box will pop up telling you that clipping will occur. Just click Proceed and we are good to go. Move the Man down slightly so we can see the part of his head, then add the new layer below the currently selected layer by hold down the Ctrl key and click on the New Layer icon at the bottom of the Layers panel. Go to > Edit > Fill and select Black from the Contents drop down menu.
What we are going to do next is create a perspective guide for the background. This guide will help us develop perspective view to build 3D scene for the background. Create a new layer below the Man layer, draw a rectangle with Retangular Marquee Tool (M) in the middle of the canvas, something around 1952 x 2432 pixels. With the selection still active, again Go to > Edit > Fill, but this time choose 50% Grey.
Open the Vault image. Press the Ctrl+A from the keyboard to select the entire image, then Go to > Edit > Copy, and Paste (Ctrl+V) it to our canvas. Drag the layer beneath the Man layer in the Layers panel. Press the Ctrl+T and scale the image as big as perspective guide we created earlier. As you can see, the Vault is leaning a bit so we want to turn it to look a little bit more symmetrical. To do that, press Ctrl+T again, right click on the bounding box around the object, choose Warp, and start to pull the the Vault into a better alignment.
Adjust tone and the color of the image a little bit. Go to > Image > Adjustments > Hue/Saturation (Ctrl+U) and reduce the Saturation to -89. Then go to Layers panel, create a new adjustment layer and select Level. Make sure you turn on the Clipping Mask button and set the settings as shown in the 1st image. Now Go to > Layer > Layer Style and select Color Overlay, or you can also simply clicking the (fx) icon in the Layers panel. Apply similar settings in the 2nd image below.
When you analyze the image of a Man, the light seems to come from the front, and when the object is further from the light, it should get darker. So the idea is to keep the darker part of the Metal texture further next by the Vault.
Before we go to the next step, turn off the layer visibility of Man layer by clicking the eye icon in the Layers panel. Open the Metal Texture image, and drag it to our canvas. Press Ctrl+T, right click in selected area and choose Distort from the menu. Go to > View, and check the Snap option. This will help us to snap the handles precisely to another object while dragging. Now drag top left corner of handles to the top left corner of canvas, and the other one to the top left corner of the Vault layer. Then Go to > Image > Adjustment > Levels and set the setting as shown below.
When you are done with one side, create the other one by copy the layer. Simply drag and droping it into the new layer icon of the Layers panel. Then again, press Ctrl+T, right click, and select Flip Horizontally. Repeat the process with the same technique to create the ceiling and the floor.
Now you see, the Vault still does not blend well with the Wall. To fix that, Go to > File > Place and select Metal Texture image. This will automatically import the image as a Smart Object into our canvas. Put the Metal texture layer above the Vault layer. Press Ctrl+T and scale the image to fit the width of the Vault. Hold down the Shift key as you drag to maintain its proportion.
Now set the layer’s Blending Mode to Soft Light. Duplicate the layer by dragging and droping it into the new layer icon of the Layers panel. Press the Ctrl+T again and put the pivot point to the top center of the bounding box. Then right click and choose Flip Vertically from the menu to cover the top area of the Vault.
Let’s turn back on the visibility of Man layer. Click the Add Layer Mask at the bottom of the Layers panel and start painting with soft black brush preset to get rid parts of the body. No need to be precise, as we can fix that up later. The advantage of using the Layer mask is that you can always come back and edit any adjustments you’ve made previously.
Now with the adjustment layers, select Hue/Saturation. Set the Hue to +12, and reduce the Saturation to -70. This will give the Man a lot more blended look with the background. When you have configured the settings, make sure a clipping mask is applied to the layer.
Now let’s focus on shading the backround and add some depth. Load the selection of perspective guide layer by clicking on the layer thumbnail while hold the Ctrl key. Add a new layer above the Vault layer and grab the Gradient Tool (G) on the Tool panel. Press and hold Shift key, then click and drag from the left to right on the left edge side of the Vault. Reduce the Opacity to 39% and set the Blending Mode to Multiply. See the 1st image below.
With the same technique, repeat the process on the right and bottom edge of the Vault. As you can see, the bottom area of the Vault is lighter than the other area, so we need to darken it a bit by increase the Opacity to 60%.
Continue adding shadows, but this time on the Wall. The technique is more or less the same as the previous step. We can also use the Burn Tool (O) to darken some parts of the area. Choose Highlights from the dropdown menu in the Option bar to darken the lightest area, and choose Midtone to darken the middle tones area. Try to use soft-edged brush with low opacity when you paint.
Next, we need to create a shadow of a Man on the Vault. Load the selection of the Man layer (Ctrl+click), then add a layer right below it and fill with solid black. Go to > Edit > Transform > Distort and start pulling two upper corner like the 2nd image below. Now Go to > Filter > Blur > Gaussian Blur and set the Radius around 86-92 Pixels, also change the Blending Mode to Multiply.
Now we are going to create hole for the wall, ceiling and the floor. Grab the Elliptical Marquee Tool (M) from Tool panel and draw an ellipse in the wall. Fill the selection with solid black and rename this layer as “Ellipse”. Press the Ctrl+T, right click in selected area and choose Distort from the menu. Then simply drag a corner handle on the bounding box to make a perspective look. You can turn off the Snap option if you find it annoying.
When you are done with it, copy the layer and move it slightly to the left several pixels then scale it down a little bit. You can also use the keyboard arrow to move the object within 10 pixels by hold down Shift as you press the arrow keys. Click on the Ellipse layer and load it as a selection. Now press Shift+Alt from your keyboard and click on the ellipse copy layer on the Layers panel, it will subtract the selection from an existing one. Then create a new layer on top of it and fill with solid white. Rename this layer as “Ellipse shape”.
Now we are going to add a texture to it. Create a new layer again, draw a rectangle with Rectangular Marquee Tool (M) on top of the Ellipse shape and fill it with color. Make sure the size of the rectangle large enough to cover the Ellipse shape.
Go to > Filter > Noise > Add Noise. Set the Amount to 275% or so, the Amount you specify will determine how visible the texture grain will be, and make sure the Monochromatic is checked. Then Go to > Filter > Blur > Motion Blur. Set the Angle to 0, and Distance around 36 Pixels. Now press down Ctrl+Alt+G all at the same time. This will create a clipping mask, and our texture should now be clipped to the Ellipse shape below it.
We can use the Brightness/Contrast to darken it a bit, but instead, I copy the part of Metal Texture and create another clipping mask above the Noise layer, then set the Blending Mode to Overlay and Opacity to 49%. See the image shown below. This will help to darken while maintaining the texture consistency.
Next, load the Ellipse layer. Press Shift+Ctrl+N to create a new layer and Go to > Edit > Stroke. Set the Width to 3 px, Color to solid white, and Location to Outside. Now Go to > Filter > Blur > Gaussian Blur and set the Radius to 5.3 Pixels. Reduce the Opacity to 30%. Repeat the steps and do the same process to the right side of the wall, also the ceiling and the floor.
Everything is looking really good so far. Now Go to > File > Place, and select Sci-Fi Prop image to import the image to our canvas as a Smart Object. Make sure the layer is below the Man layer. Scale the image down, rotate, and flip it horizontally. Press down the Alt key and select Level via adjustment layer on the Layers panel. Check the Use Previous Layer to Create Clipping Mask box, and set the settings as indicated in the image below.
Now we need to set its color and tone to match with our scene. Add another adjustment layer. This time choose Hue/Saturation and reduce the Saturation to -51. Also change the tone a bit by adding a Color Overlay via layer style. Set the color to #ffde00, Blend Mode to Color, and Opacity down to 3%.