How to enhance 3d renders with 2d elements

August 20, 2009 | How-To, Tutorials

When i first started out with architectural visualization i was very strict about doing it 3d all the way, but today almost every image i create incorporates some 2d techniques applied in post using software such as photoshop.

sometimes i add elements i didn’t have time to create in 3d or forgot about them. Other times i plan before hand on adding those elements and save time this way – especially if I’m not sure the client will approve them and this way i can just hide the layers. the technique I’ll describe in this post is especially useful and easy to apply in single focal point images.

So, What is 2d here?

I’ll use the HO House image for the demonstration and below you can see the original render before the addition of 2d elements and the after image with those elements marked. After the break i will elaborate further on how I’ve added each of those elements.

know how 2d element preview empty 528x318 How to enhance 3d renders with 2d elements

Render without the 2d elements

know how 2d element preview marks 528x318 How to enhance 3d renders with 2d elements

Added 2d elements

Adding the TV

Below you can see images representing the different layers, as i add them, and the settings i use for adding shadows dropping from the TV onto the back wall.

know how 2d element tv steps How to enhance 3d renders with 2d elements

Adding the TV steps

know how 2d element tv 2 settings 1 528x392 How to enhance 3d renders with 2d elements

Setting a drop shadow effect for the TV layer, set direction according to scene lighting

know how 2d element tv 2 settings 2 528x392 How to enhance 3d renders with 2d elements

Adding some dark glow effect too

Adding the center piece on the table

Below you can see images representing the different layers, as i add the center piece onto the table. take note of the mask layer i use to fade out the reflection layer on the table. This layer is a simple copy of the flower layer flipped upside down and toned down to resemble a reflection effect. the side shadow was painted in by hand (I work with a Wacom tablet, so this is very easy for me this way).

know how 2d element flower steps How to enhance 3d renders with 2d elements

Adding the center piece steps

Adding the spot light fixtures above

Below you can see images representing the different layers, as i add the spots underneath the upper walkway. you really need to find images that were taken from a similar angle for this to work well, but you can distort the layer a little until you get it right. the copies are flipped right to left for variation and shadow and glow effects were added here too to make the spots integrate into the surface naturally.

know how 2d element spots steps How to enhance 3d renders with 2d elements

Adding the spots steps

Adding shadows for the spots, set the direction according to scene lighting

know how 2d element spots 1 settings 2 528x392 How to enhance 3d renders with 2d elements

Settings for the spots glow effect

So, i hope this information was helpful for you in some way. Feel free to comment below and perhaps share different techniques you might use in similar situations.

Subscribe to the Blog

Choose one or more of the options below to get updates about spotlights like this as they are made available.

For more information about this blog, go ahead and visit the About Page.