How To Create An Awesome Photoshop Visualisation!

Not confident with your drawing skills? Need to create an Interior Design visualisation? Well you’ve come to the right place!

I learned this awesome technique at uni and now I want to share it with you guys!

This is the sort of thing you can expect to create from this tutorial:

Green-dining-area BLOG

Looks a bit daunting? Don’t worry, heres a simple step by step guide of what to do:

1.Select an image (make sure it is high quality)

I found this image on housetohome.com and chose it because of the mixture of tones and textures. (I am merely using this as an example, if you are going to use your image, get permission from the source!!)

Green-dining-area(Credit: House to Home)

2.Open the image in Photoshop

(This is the easy bit)

Screen Shot 2016-08-09 at 21.38.22

3.Create a copy of the Background Layer

Make sure you have the layers tab selected first.

Screen Shot 2016-08-09 at 21.56.10

Then, right click on the background layer in the layers tab and select ‘Duplicate Layer’ from the drop down list. You should then get a new layer named ‘Background Copy’.

Screen Shot 2016-08-09 at 22.00.52

4.Convert into a line drawing

Now, make sure you have the ‘Background Copy’ layer selected (<- that’s very important!) Click on Filter → Stylize → Find Edges.

Screen Shot 2016-08-09 at 22.16.35

You should end up with a trippy looking image like this:

Screen Shot 2016-08-09 at 22.18.58

5.Convert to Black & White:

To do this, select Image → Adjustments → Black & White.

Screen Shot 2016-08-09 at 22.21.05

Now you can play around with the colour levers. You are aiming for good black & white contrast and to get rid of some of the ‘noise’.

Screen Shot 2016-08-09 at 22.26.03

This can be further enhanced by the ‘Curves’ tool. This can be found under Image → Adjustments → Curves.

Screen Shot 2016-08-09 at 22.27.50

6.Add a ‘Mask layer’ to the ‘Background Copy’ layer

Click the ‘Mask’ button in the bottom right corner (circled in red) which will add a what looks like a white box next to the layer, this is the mask.

Screen Shot 2016-08-09 at 22.47.01

7.Set up the Brush tool

Make sure the Mask is selected, then select the brush tool from the vertical toolbar on the left side of the screen.

Screen Shot 2016-08-09 at 23.04.53

Next, I changed the brush size to 50px and changed the type to ‘Dry Brush’.

Screen Shot 2016-08-09 at 23.09.16

8.Use the Brush Tool

Switch the colour swatch to Black and change the opacity of the brush to 10%.

Screen Shot 2016-08-09 at 23.14.51

Now you can use the brush tool to slowly add some of the colour back into the image. This is a gradual process, but you can speed it up by slightly increasing the opacity. You don’t need to bring all the colour back, ideally, you are aiming for something like this:

Screen Shot 2016-08-09 at 23.27.29

9.Add a white ‘Colour Fill Layer’

Click the circle that is half black half white in the bottom right of your screen, then select ‘Solid Colour’ from the drop down menu.

Screen Shot 2016-08-09 at 23.30.53

Change the colour to white in the ‘Colour Picker (Solid Colour) pop up.

Screen Shot 2016-08-09 at 23.34.48

10.Finally, use the brush tool again

You’ll notice that the colour fill layer comes with a mask layer. Like the previous step, select the colour fill mask and use the brush tool again to remove some of the white area.

Screen Shot 2016-08-09 at 23.51.46

Final Outcome

You should end up with an image with a watercolour effect like this:

Green-dining-area BLOG

Here’s a look at the two images you can create with this tutorial (the first is without steps 9 &10)

Phew! I hope you have enjoyed this blog post and are inspired to try this technique.

Pin this post? Use the graphic below!

Photoshop visualisation graphic.png

Eve x

3 thoughts on “How To Create An Awesome Photoshop Visualisation!

Leave a Reply