Tutorial Perspective interior

Final Image:


In this tutorial I'll show you how I created this image.

If you wonder how to use some of the tools or where to find stuff, go to Photoshop Help (F1) and search for it.

Step 1: Setting up the perspective grid.

I like to get rid of the white canvas so I fill it with grey using the paint bucket (G).

Make a new layer.

Choose the line tool (U). In the top left you can change the settings for this tool. Set the weight low to make thin lines, about 3 pixels. Choose the mode in the middle: to draw paths. Because they're paths, you can see them outside the canvas which is nice when the vanishing point is outside the canvas. The lines you draw won't appear in the layers window but in "Paths" (Window > Paths). If you right click on this you can fill it with a color.

Deselect the paths by clicking beneath the path you just created. Now that we have the grid on a layer, we can head back to the "Layers" window. Eventually lower the opacity on the grid so that it won't be in the way.

Step 2: Sketching.

The sketching stage is probably the most important one. This is where you put down your idea and set the base for the entire drawing.

Make new layer. This layer is for sketching. Use the perspective grid to help you. If you're unfamiliar with drawing in perspective, don't worry. You'll notice if you make a mistake and it's easy to correct it. I sketched a hall. One-point perspective is great for halls and things like that. When done, you can make the perspective grid invisible.

Step 3: Cleaning up the sketch.

Create a new layer and, lower the opacity of the sketch layer. Draw over and clean up the sketch. When you're done you can make the sketch layer invisible so that you only have the clean lines.

Step 4: Blocking in value.

You can paint clean shadows by painting with 100% black on a separate layers. The layer opacity should be around 30%. I used multiple layers here.

Step 5: Correcting value.

Take a big round soft brush, set the brush opacity to around 30% (hotkey: 3). Paint until it looks good. Don't care about details, but focus on the picture as a whole. Correct the values as you see fit.

Step 6: Adding reflection.

Reflections are always nice. Copy you layers and flatten them. Flip the layer and move and scale it into place using the transform tool (Ctrl + T). Add a layer mask. With the layer mask selected, select all (Ctrl + A) and delete. Switch to the brush tool (B). Paint the reflection back in using a brush with low opacity. When satisfied, merge it with the layer beneath (so there are no holes) and use auto contrast (Shift + Ctrl + Alt + L). The contrast should be a little higher now.

Step 7: Texture.

Instead of painting the texture which is very time consuming, I go to www.cgtextures.com and grab a brick texture and a stained glass texture.

Copy the brick texture into Photoshop and change the blending mode to Overlay. Press Ctrl + T. Right click at the transform box and choose "Distort". Distort the texture into perspective. Use layer masks to make the texture fit. To texture the rest, copy the texture and repeat until you're done.

Import the stained glass texture into Photoshop. Fit it into the image by resizing, lowering saturation (Ctrl + U), and using levels (Ctrl + L)

Finally add some color by importing the brick texture and set the blending mode to "Color".

Step 8: Photo Filter.

Click on the black and white button at the bottom of the layers window. Choose photo filter. Use "Warming Filter (85)". Density 100%. Preserve Luminosity should be checked. Set blending mode to "Color" and Layer opacity to 75%.

Create another adjustment layer, this time "Brightness/Contrast. Contrast +50.

Step 9: Adding detail.

Add more color by using color layers and overlay layers. Add figures for scale and a monster to make it a bit more exciting.

I also chose to dim down the lines a bit. To do this, Ctrl-click on the line layer to select its content. Hide the selection (Ctrl + H) to see better. Use the Spot Healing Brush Tool (J) to blend the lines into the surroundings.

Step 10: Minor Touchups.

And that's it. I hope you have learned something from this tutorial. Have a nice day :)