Hey designers!
For sure if you’ve come to this post then its either,
- Your inner artist just isn’t willing to let you give up on the whole process of rendering an exterior scene and the hassle of getting everything to look just right
- You don’t have a render engine
- You have a deadline coming up and can’t afford to have your machine crippled..
Something along those lines, right?
Drum rolls please… You’ve come to the right place!
In my search for diverse presentation styles that take less of my time yet have the effect I want, I came across a few pretty cool techniques that have all I was looking for and then some. This post was inspired by one of my favorites.
In this tutorial, I’m going to show you how I managed to get the result shown in the image above in a few easy steps.
I also have a little treat waiting for you at the end of this post.
All you’ll need is a textured model, Photoshop, and a few minutes of your time.
Step 1
First we start by getting the view we want. To do so choose a view from the ‘Views’ toolbar and then head over to Camera>Parallel Projection.
**Make sure you don’t move your model around so the images line up easily later on.
Make sure you delete any unnecessary lines from your model (Use your Eraser tool + Shift on your keyboard to hide them without compromising your surfaces), also you need to go to View>Edge Style and make sure that only ‘Edges’ is enabled.
**What I mean by unnecessary lines is those lines that do not signify a wall break or an extrusion; if a surface is flat and continuous with lines on it, they are unnecessary.
Next thing you need to do is export three different images (File>Export>2D Graphic).
- Make sure that you choose a PNG file type.
- Click on ‘Options’.
- Choose a high resolution for your image, and make sure ‘Transparent Background’ is checked.
- Export your images to the same folder for easy access.
- You only need to do this once, your preferences are saved for future use.
Now, the images we want to export are as follows:
Image 01: Hidden Line
Basically what you do is go to View>Face Style>Hidden Line.
**
Image 02: Textures
View>Face Style>Shaded with Textures.
**
Image 03: Shadows
For this you need to disable your lines (View>Edge Style and uncheck ‘Edges’) and you need to go back to ‘Hidden Line’ face style.
**
Afterwards you need to turn on your shadows by either using the ‘Shadows’ window (Window>Default Tray>Shadows for 2017 and 2016 or Window>Shadows for older versions).
I like using these settings for my shadows, but you can play around a bit and see what you prefer or what suits your model.
Step 2
Open your Photoshop and add all 3 exported images.
Layer your images on top of each other (if they are open in multiple tabs, drag them into a single tab).
Name your layers (double click the layer labels in the Layers tab) so you can easily know what’s what and put them in the order shown below (drag and drop).
Step 3
Using the ‘Magic Eraser’ tool (right click the Eraser) and delete any background colors that may have been exported (do so on all 3 layers). On the Hidden Line image, remove the color of the model and keep the lines only.
**To make that task easier, uncheck ‘Contiguous’ so it removes all the colors of the same hue that you don’t need in one click.
**Use the ‘eye’ icon next to each layer to hide what you’re not working on so you don’t get confused, this will also help you keep track of which layer you’re on so you can avoid making mistakes.
After that, set the ‘Hidden Line’ and the ‘Shadows’ layers to ‘Multiply’.
Step 4
Using the ‘Magic Wand’ tool, and on the Lines layer, select the areas with shadows in them.
Select the ‘Burn’ tool (Right Click Dodge Tool>Burn Tool):
- Open the brush palette.
- Choose one of the very soft brushes (depending on the size of the area selected).
- make sure ‘Hardness’ is 0%.
- Make sure ‘Range’ is ‘Midtones’.
Select the ‘Shadows’ layer and, using very soft strokes, darken the areas of shadows that are closer to the object casting those shadows as well as any corners, and as you move further away from the object the shadows should remain lighter.
Repeat the selection on the ‘Lines’ layer, and the burn tool on the ‘Shadows’ layer until you’ve covered all the shadows.
Your results should be similar to this.
Since this post turned out to be a bit lengthy, I’ll be posting another part of this tutorial to show you how I added the background, as well as the decorative elements that complete it.
I also haven’t figured out what to do with the windows, so as soon as I get that figured out I’ll post something on that too.
As for the treat I promised: for practice purposes, I’ve uploaded some images from the model I used to make this tutorial so you can hone your technique! They’re from another side of the house just to add a little challenge to the practice 🙂
You can download them HERE.
If you have any questions or suggestions, leave a comment and I’ll reply as soon as I get the notification.
Make sure you sign up to get all the latest updates right to your inbox.
Ravenors Design Academy 