Photographic Approach in Architectural Visualisation

0
March 26, 2013 |  by  |  Workflows
1.2K Flares Facebook 0 Twitter 65 Pin It Share 47 Google+ 72 LinkedIn 30 StumbleUpon 1K Reddit 0 1.2K Flares ×

Lasse Rode did a remarkable job with his previous articles featured on this blog, and this time is no different. Following the publication of his &tradition renders, I asked Lasse if he can share more of his photographic approach insight to rendering. Although we all seem to compare rendering to photography in the end, I think you’ll learn a thing or two about how to get started with this in mind after reading this article. Enjoy it!

xoio logo black small Photographic Approach in Architectural VisualisationMaking of Mountain Retreat Photographic Approach in Architectural VisualisationGrowFX Custom Foliage Creation by Studio xoio Photographic Approach in Architectural Visualisationmaking of tugendhat house by lasse rode xoio Photographic Approach in Architectural Visualisationtugendhat house interior by lasse rode xoio Photographic Approach in Architectural Visualisation

Author: Lasse Rode / Studio XOIO

The Berlin based studio xoio has been established in 2006 by Peter Stulz and Lasse Rode. It is specialized in high-quality emotive architecture and product visualization. The team at xoio consists of people who have an architecture and design background. That provides a strong understanding of creative processes and the ability to give support in questions of design.

Introduction

Ronen asked me to write an article on the photographic approach in visualization after I published my remakes of the &tradition photos done by Jonas Bjerre-Poulsen (who also is the designer of some of the pieces shown, together with his partner Kasper Rønn at NORM architects, Copenhagen). I thought it would be quite a challenging task to do and I was not really sure if I could tackle it. But here I am, and I cheerfully thank Ronen for giving me the opportunity to write this article.

I wasn’t completely sure if aiming to describe how to get a “photo-realistic” render or more towards about how you apply photographic rules during the visualization processes. After thinking about it, I came to the conclusion that those things somewhat belong together in a way but can also be separate from one another.

I am currently working on a set of images for a commercial project that somehow have a painterly feel to them, but the rules described in the following article would apply still. In our (beloved) chosen profession as visualization artists, we have to put things in the most comfortable setting as possible which would come to play in various other aspects besides just aiming for “photo-realism”.

This is why this article ended up being more about setting up an image in general or the rules of thumb I use most of the time. They are not complete and of course there might be better ways. Some of them may have been also described in the past by classic painters, graphic designers, photographers, etc. So consider this more of an eclectic basic compendium of the things I take care of in my daily work.

One important thing (and if you want a clear rule), is the thing that sets a still image apart from an animation! The still has to tell a story in a single static frame, while an animation has the luxury of many more frames and the movement to do that. Therefore, it is very important for the still to be easy readable and come to its point very precisely.

Composition

Finding a good composition is one of the hardest parts, much the same as a most important one. For me it helps a lot to start with classic compositions like a central perspective and so on.

01 perspectives 728x199 Photographic Approach in Architectural Visualisation

The key here is to keep it as clear and readable as possible. Reducing the perspective lines makes you understand the image quicker.

Of course this goes for interior renders as well as for exterior renders, just inverted sometimes (see corner-perspective, which is referred to as a 2-point perspective).

Most of the time I work with photographic references, and with some of my personal projects I try to reproduce photographs to a certain degree…  some more than others. Of course, when reproducing a photograph my personal creative input into it is minimal (I’m trying to match the photo), but I learn something from it every-time that can be used on actual live client projects the next time. Basically, that is what it is all about when doing personal projects – Testing and developing ones skills in an environment free of the usual production constraints like time, money and others comments. You can then carry the things you learned along to other projects if they have value.

After getting the composition right, I’m also paying attention to the “depth composition” – the way I’m layering the image with the classic foreground / middle ground / background scheme. This is a very simple rule but it really helps in making your point with a still by taking advantage of our depth perception. You should always try to work with Depth of Field in various degrees, which is one of the most effective tools you have to enhance this effect (other methods use color and brightness as depth cues).

As you can see in the schematics below, it is very simple to achieve but also very effective.

You can see in the images below how this effect comes into play, helping you focus on the part of the image the creator wishes you to focus on. Of course, this is more obvious in short-range close-up shots, but this can be a strong tool when applied smartly on large scales scenes too.

You will also notice that if you try to apply the famous “Rule of Thirds” onto your images they become somewhat balanced composition-wise . Just try to align the main parts of your image with the grid and see how it might help you.

Don’t think of it as simply placing the obvious “lines” in the scene, but more about the key “story” elements that you place in specific areas based on such a grid to balance things out.

14 ruleofthirds Photographic Approach in Architectural Visualisation

Applied on the two images you have just seen this would look like this…

14 ruleofthirds photo sample 728x508 Photographic Approach in Architectural Visualisation

Many cameras have this grid implemented in the visor as a feature. Photoshop also shows this grid when you use the crop-tool. 3dsmax also has these grid options in safe view mode… It absolutely makes sense.

Focal Length

Try to avoid using a focal length shorter than 30mm. I often use something between 35mm to 55 mm.

Wide angle is being criminally abused in arch-viz since we are always tasked to show as much as possible in a single image. I’ll remind you that we do have super powers inside the CG Matrix, and so we can see through walls by cutting them, hiding them or use camera clip planes. This will help avoid the distortions of a wide angle focal length by allowing us to go back and narrow it down.

Regardless of that, I think it is important to think about how we – as humans – view the world.

I find it really important to try and come as close as possible to what you would see in reality.

Each human eye has a viewing angle anywhere between 120-180°. Combined it amounts to 130° and very similar to what a fish-eye lens can offer, but we can’t actually “see” all this field – Our central field of view is what counts and amounts to 40-60° which is the equivalent of the 50mm “normal” lens, considered as having the best resemblance to what we humans see. You can learn a lot more about this on Camera vs. The Human Eye over at the Cambridge in Color website (Great source of insight on all thing related to photography).

Modeling and Shading

Considering modeling, it is more of a general statement that I want to make here, rather than a technical manual or something like that. You really should aim to get your models as accurate as possible. Get the general proportions and the the fine details right and that will do the job.

You should really force yourself to a certain minimum level of detailing, but do consider the visibility of such details in the final images you will make. Time permitting, I would always suggest doing as much detail as possible so you can later explore any view you like without any limitation.

As you can see in the screenshot below, the window has been modeled to a level that makes sense regarding its distance from the camera and the resolution the image has been rendered finally.

18 lvelofdetail 2 728x546 Photographic Approach in Architectural Visualisation

The same logic also applies to the shading / materials. You can dramatically enhance your images by using the right and good textures.

The real world is a highly reflective place! Pure diffuse is pretty hard to come by actually, whereas in the CG world it is very easy to diffuse your scenes to the death.

Most things reflect light in a certain way and the biggest difference is related to the surface glossiness. Considering this – all of your materials should have some level of reflection and have maps assigned to their glossiness and reflection slots. Don’t be lazy on this one – It can have a great impact on the final look.

I can recommend reading Bertrand Benoit’s Materialism and Snow White’s Coffin articles on his blog regarding this topic. Great useful tips there.

Natural Lighting

There is a lot that has been said about this topic, but let me point you to Peter Guthrie’s HDRI related posts as well as the HDR Image Based Lighting 3D Scene Setup article by Ronen Bekerman which are a great resource on this subject, focusing on the use of HDR images as the base for natural looking lighting with or without the combination of other light sources.

One thing that is important to address though, is the issue of controlling color and lighting angle / diffuse.

In the image below for example, it worked best using three planes slightly slanted, deformed by a noise modifier with a light-material applied to simulate the light I wanted to reconstruct from the original photo.

Only this way it was possible to get the really subtle shadow-gradient on the wall and the round part behind the staircase.

20 screenshot lighting 2 728x464 Photographic Approach in Architectural Visualisation

Color Balance

To get a balanced feel, of the whites in a scene, you should take care that only the very brightest spot in your image goes up to almost complete white. The rest of the whites in your render should range around 190 -220.

You also should try to let the darks play a role in your image. Always remember to make it look balanced and not have too many overexposed or underexposed areas.

21 130218 andtradition table 1200px 675x1000 Photographic Approach in Architectural Visualisation

The main thing that is really is important to pay attention to here and understand, besides the world being reflective, is that the world is also a very grey place.

That might sound a bit depressing, but it is not meant to come across like that… It is just that it is all shades of grey (some say 50).

22 130218 andtradition table 1200px grey 728x828 Photographic Approach in Architectural Visualisation

As you can see above the only thing that is really white in this scene is the overexposed window. Everything else (brown elements aside) are shaded between black and light grey. Even the white walls are not really white. Of course, this image is somewhat dark to start with, but anyway – you read the walls as being white.

The distribution of dark and light areas in your image is a very relative thing too. You should keep that in mind. The following image shows quite well what happens with the same grey placed in different areas of the image. Notice the area within the gradient… the grey square looks like having a gradient itself! But that is not the case. The color is RGB = 110,110,110 everywhere.

23 130218 andtradition table boxes Photographic Approach in Architectural Visualisation

To make you image consistent in colors it should have a clear concept of coloring.

The easiest way of course is having all shades of grey and one key color, but there is so much more to that I can’t really go into within the scope of this article.

I made this series of Casa Barragan some time ago. Each one has its own coloring, and yet they all feel as being part of one series. Considering Barragn’s architecture and use of color, taking it into the coloring of these renders, has allowed me to make them all be part of the same set – colorwize.

Further Reading : The elements of colour / Itten, Birren

Rendering

There are a lot of resources on this topic to be found on the web and elsewhere and I am sure there are a lot people around that know more about it than I do, but I would like to share some of my personal insight about this topic.

There is one thing that I really find important for an image if you are aiming at photo-realism, and that is GRAIN.

Don’t fear it! A slight and subtle grain in your image might just make it look more PHOTO real. The super clean smooth look sometimes is the one to scream CG out loud. Ironically, using lower render settings can help you with this grain icon wink Photographic Approach in Architectural Visualisation

let me share with you an image by Sarah Dorweiler. You might have come across her work on the forum, she is a 3d visualizer based in Berlin (and a very nice person).

She told me her main tools are SketchUP for modelling and Indigo Render for… well… rendering. It has an unbiased render engine which is also worth keeping an eye on. The main advantage in rendering unbiased for sure is the clarity in the details, and the subtle grain these engines produce due to the way they work… You start with lots of noise and it clears up during the process. You rarely (hmmm… never) get a 100% converged result – so you always have some noise.

You can feel it in this image… not only that it is a beautiful picture… it also has this a “gritty” feel to it, very haptic.

28 cister lamp architekturvisualisierung 728x475 Photographic Approach in Architectural Visualisation

Considering V-Ray is the render engine I use the most, I want to try some things with it here. Some of the things described might also be transferable to other render engines.

28a 130218 andtradition table 1200px 675x1000 Photographic Approach in Architectural Visualisation

I’ll use the image with the three chairs as a testing environment.

I have applied a standard light-grey shader to everything in the scene. This scene is actually very stressful for the GI, due to the very few openings the light could enter the room… It is just the small windows in the front, and a large door on the left, so light is being bounced a lot here.

I used a HDRI applied to a dome for lighting this scene. Light subdivs set to 64.

I did these tests at a resolution of 800×541 pixels on a 4-core i7 (the slowest machine in our studio).

First, I would like to give the standard Irradiance Map / Light cache technique a try. As you can see, rendering with default settings the outcome lacks a lot in quality… there are lots of splotches everywhere, the geometry and details are almost lost.

29 130313 irradiance lc nofilter Photographic Approach in Architectural Visualisation

When switching on the filtering in the LC and the detail-enhancement option in the Irradiance Map, the image looks better. It still has some issues with splotches. It also took long to render.

30 130313 irradiance detailenhance.RGB color.0000 Photographic Approach in Architectural Visualisation

In one version I did crank up the Irradiance Map settings. Made it finer and used more hemispheric subdivs. It is better, but still has ugly artifacts near the windows. The rendering time went up to a ridiculous 4.5 hours. One solution could be adding some skylight portals, but this would not contribute to faster rendering either.

31 130313 irradiance veryhigh Photographic Approach in Architectural Visualisation

VRay also has the ability to work in an unbiased mode. You have to set both GI engines to Light cache, set the subdivs to the max (65000) and the sample size to 0. Change the mode to Progressive Path Tracing (PPT).

32 ppt setting 458x1000 Photographic Approach in Architectural Visualisation

The rendering process would look like this… (similar to what other unbiased do).

33 ppt Photographic Approach in Architectural Visualisation

And after running through it would look like this…

34 130313 ppt unbiased end Photographic Approach in Architectural Visualisation

Well, this took very long to render (8 hours), but in the end it looks quite decent, I think. It has the right amount of grain and the details come out very good!

When talking about unbiased rendering we should not forget the latest GPU technologies. You might have heard of Octane Render which is having a great evolution over the last years. I have tested this as well and it really looks very promising.

In this case I tested the scene with VRay RT with the Cuda engine. I have a GTX 660 TI installed in my current workstation which sports 1344 cuda processors. As you can see, the result after about 1 hour of rendering is similar to the 8 hour PPT result. Even more contrasted which actually looks even better.

35 cuda Photographic Approach in Architectural Visualisation

Lastly, I want to give full Brute Force GI a chance, as this was the technique I used for rendering the images of the &tradition set.

You might have noticed brute-force as a quite slow and time-consuming technique. Well, this can be… but if you fully play out V-Ray’s adaptive DMC sampler it can be quite fast!

It works quite good for me setting the adaptive amount of the DMC sampler at 0,995 (so almost 1), set the subdivs from 1 to 8. Leave the color threshold at 0.01 for the beginning… the noise threshold in the settings-tab is used to control the noise.

Don’t forget to pre-filter the Light cache, as this will give nice details.

36 renderbruteforce 728x529 Photographic Approach in Architectural Visualisation

So, the following images show the Brute Force output with different noise thresholds from 0.5 down to 0.001. You can see a very large difference in noisiness – very interesting here is, the difference in render-time  ranging from 9 minutes (worst quality) to 16 minutes (best quality).

For the version with noise threshold of 0.001 I now lower the color threshold slowly to 0.005, 0.002 and 0.001. This causes the render-times to go up to 30, 41 and 43 minutes. You can notice there is almost no difference in noise between the render with 0.002 and 0.001. After all, the noise reached a level I would take as a good one icon wink Photographic Approach in Architectural Visualisation

Conclusion

Of course you can use what ever render engine you like, and in the end it all depends on how you manage your work and your deadlines. 3d artists working with traditional (non GPU based) unbiased engines are able to get their images out in time just as 3d artists who use faster methods. It all comes down to how you organize your process.

I prefer the Brute Force workflow because it is sometimes really faster than a IM/LC setup (or at least on par, and delivers better quality results). It does have its traps though, where render-times explode! So be careful!

An IM/LC setup would be a good place to start perhaps… to be on the safe side. You can still tweak it to be fast if you are ok with some quality-issues. This is one of the big strengths VRay has to offer.

I’m very much looking forward to the enhancements of GPU based technologies. My current graphics card has 3GB of VRAM which is quite good but still has some air for improvement. Compared to traditional unbiased rendering setups it offers great improvements in render-times. compared to biased rendering with VRay you can already get good and faster results.

I can’t really come to any final conclusion on this, since we always strive for better quality and render-times are relative to what you have on the table. A render farm surly stands more to gain from any kind of render-time improvement… we 3d artists aren’t robots, so we do have down times and can render long as needed. other times we just render it out dirty (no matter what render engine is used).

Postwork / Photoshop

There is this thing called the Post Production stage, but in my opinion it also plays a big role in the actual Production process. There are visualizers who actually do the main part of their work in this stage. So let’s not sell it too short!

The path I chose to follow depends on the goal I set at the beginning. What I’m aiming for considering the time frame too. Producing images for a competition is a different ball game than producing high-end interior visualizations for a real estate marketing print ad. It simply demands completely different things from the process of making these images and from the images themselves.

In the &tradition project, the Post Process stage was very minimal. Most of what you see came out with the render. A photographer does not have the power of CG in his hands as we do, and so most times their post production stage is also minimal (considering architectural photography… other fields may display extensive post processing). In our field, most of the render engines today are able to produce photo-realistic images. You must keep in mind that it depends on you to tap into it and take advantage of the full potential. If you take the challenge and work on all aspects of your scene – modeling, composition, lighting, textures, materials, colors, styling, etc. then you are at the point where your raw render is the final result or very near to be one. You’ll be left with minimal post processing just the same as a photographer.

A small tip I’d like to share with about those final tweaks to your image is to aim for subtracting values rather than adding to them. So for example, if you want something to be more yellow, reduce the blues. That somehow works very good and does good things to your overall result. This sounds a bit esoteric, I know, but I think the reason for this is that you avoid overexposure of certain areas and disturb the overall balance of your image – and keep the colors in the lower levels.

46 levels Photographic Approach in Architectural Visualisation

So finally, I hope I did not bore you with my bag of half-knowledge and esoteric ideas of how images work/do not work. At some parts it may sound somewhat banal – but that sometimes is how everything comes together. An addition of simple things. I’m a big fan of the KISS principle (Keep It Simple Stupid) or Less is more!

This is just a part of my view on things 3d related I hope you enjoyed digging through this icon smile Photographic Approach in Architectural Visualisation

kind regards,
Lasse.

Subscribe to my Newsletter

41 comments
markitecture
markitecture

Lasse, I really can't thank you enough for this lesson. The Brute Force section was really eye opening. This article has to be the root cause of why we're all seeing so many BF renderings lately. Really inspiring stuff.

AbilioAndrade
AbilioAndrade

Amazing article, full of details, techniques, tips and payless advises, thank you so much to share your knowledge with us!

sachinwalvekar
sachinwalvekar

Great Article. I been looking at adverts about 5srw method of rendering and I guess it talks the same as specified in this article. Thanks a ton.

ck_1138
ck_1138

Thank you for the article. This is a great read.

micarstens
micarstens

Thanks! A very inspiring article, and beautiful images, too!

p_bogdan03
p_bogdan03

Thank you so much for sharing your experience! Greatly appreciated!

lasse1309
lasse1309

Hey guys,

thanks a lot for all the positive feedback - it's very much appreciated!

I really had a lot of fun writing this article and am very happy you had fun reading it ;)

all the best

lasse

RashedHaikal
RashedHaikal

Amazing and very helpful article thanks so much Ronen and everyone who contributed!

miguelafi
miguelafi

@vizcon3d Pat r u back from vacación? I hope everything went smooth my friend! :)

anwar522
anwar522

Really niec article :)  I will print this and have a study again :) 

I have got a Question to ask . 1:) The way you have described the workflow here to get extreme Photo-Real visualz do you also go with this same way or will go be going in Future to all the clients or does this stay for personal study projects only ? 

2) If so dont you think the Time increases for such a work for commercial projects ? 

bosuk81
bosuk81

very useful article!

Gradus
Gradus

Awesome Article! I don't have time to read right now but I'll definitely later, Thanks a lot!

AlejandroAguilera
AlejandroAguilera

Really great article! Especially for trying such basic issues and so rarely treated. Many times people are desperate to reach the art without know exactly what is at the root of it.

bast175
bast175

excellent ! thank you and bravo from south of franc....;)

sexton180
sexton180

I would just like to say a big thank you for pulling me back in, what a wonderful piece indeed 

jaked3d
jaked3d

Thanks a lot. I really enjoyed this article. Some really useful info here.

EliUmansky
EliUmansky

"The path I chose to follow depends on the goal I set at the beginning." - Gold words and a professional way of doing a job.

fangelo
fangelo

Fantastic article here!

I know I’ll be reading it again in the not-so-distant future.

benobro
benobro

Great Article! Thanks for your time.

I've been fighting for the cause of the 35/50mm shots rather than 18mm or lower... but it seems the client is a rare specimen who sees the world through a fisheye!

Pablo Martin
Pablo Martin

Thank you very much Lasse, this is what I call a useful article!

Best regards,

Pablo

st.germain
st.germain

Hi Lasse,

best Article since a long time! I was digging in very deep :)

Greetings from Renderbar . . .

James Burrell
James Burrell

Great article! We definitely need more like this. Thanks

vizcon3d
vizcon3d

@miguelafi : am fine and in shape Miguel, had a splendid holiday, lots of snow and ..beers!!

haydenm
haydenm

@benobro no, the client isn't a rare specimen. They simply want to see as much of their space as possible. They're also been conditioned to seeing space shot that way through PHOTOGRAPHS. Generally one does not want to portray a sense of claustrophobia in a space they're trying to sell. 

lasse1309
lasse1309

@haydenm @benobro @st.germain yes that is a sad truth :) but a very interesting thing is that when showing everything - even with wide angle - it might make your space looking smaller than showing just a part of it.

it is somehow a contradiction if you want the bigness by showing the space's boundaries. a very common misunderstanding.

the bigness lies in the parts you not show - where the imagination starts. it is not about claustrophobia - more about the opposite


regards

L

st.germain
st.germain

 @lasse yes i totally agree with you! and my explanation with clients is very similar to yours. but in the end they mostly choose the fisheye-picture because they don`t want to pay for more renderings :( . . .

Trackbacks

  1. [...] PHOTOGRAPHIC APPROACH IN ARCHITECTURAL VISUALIZATION [...]

  2. [...] are approaching, this also involving some experimentation on VRay settings and parameters based on this article and the subsequent differences, gains, improvements and losses. So, quite a nice commission to work [...]

  3. […] A great article on Lasse Rode’s workflow for creating photographic rendering. Lasse currently works Studio XOIO and uses 3ds Max with V-Ray. I’d go into more detail about the article but it’s quite lengthy. Check it out. […]

Recent Posts
25 Free 3D Furniture Model by ODESD2

25 Free 3D Furniture Model by ODESD2

04/16/2014  |  12 Comments

It is great to see design studios offer 3d models of their items like Ukrainian based Design Bureau ODESD2 did... more

SketchUP V-Ray Proxy Grass

SketchUP V-Ray Proxy Grass

04/15/2014  |  13 Comments

Creating 3D Grass and Scattering it all over the place inside 3dsmax was featured here plenty, but with V-Ray for... more

Forest Pack 4.2 Pro & Lite Released

Forest Pack 4.2 Pro & Lite Released

04/10/2014  |  No Comments

iToo Software announce today the release of Forest Pack 4.2 Lite & Pro. The new version includes support for V-Ray... more

model+model Released Vol. 09 / Kitchen Accessories

model+model Released Vol. 09 / Kitchen Accessories

04/08/2014  |  No Comments

model+model released a new volume of Kitchen Accessories 3D Models to help you spice up those interiors you are working... more

Making of House in the Forest

Making of House in the Forest

04/07/2014  |  12 Comments

Juan Carlos Torres's cold and foggy visuals of a House in the Forest awarded him Best Visualization of the Week... more

10 Free 2D Cutout People

10 Free 2D Cutout People

04/01/2014  |  12 Comments

Juan Carlos Ramos kindly shares his second 2D Cut Out People Pack. As I always say - You can never... more