Making of Tugendhat House by Lasse Rode (xoio)

Lasse Rode’s did a remarkable job at 3d recreating Villa Tugendhat, a house designed by master modernist architect Mies van der Rohe. Today he responds to the many requests for sharing more insight about his work on this scene, which was done as a personal project over a period of few weeks to test color-mapping and GrowFX tree creation among other things. In this article he focuses on the exterior part of his work.


Author: Lasse Rode / Studio xoioThe 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.

I’ve been asked many times to share more insight about the creation of the Tugendhat House scene. Now, that I learned new things by making it, I will share some of the most important topics here.

I would like to thank Ronen a lot for featuring this article here, as I am always happy to provide insight about my work to as many of you as I can…

Software Used

Here is the list of software that I used during the creation of this scene

For better understanding I will use the following three images for explanation as they contain all essential things. They show the three lighting-schemes I used as well.

01_xoio_tugendhat_uebereck

02_xoio_tugendhat_garage

03_xoio_tugendhat_street

Modeling

I built the model of the house after doing some research about it. I gathered all plans and images I could find online and in books. Since classic design, such as this, are well documented, it was an easy task.

I also found a rough 3d model of it on the web, which helped me a lot understanding some of the areas not covered in the photos I gathered. In the end, most of these areas do not show in my renders anyway… but it is always nice to have a fully closed building.

The furniture models are from other projects we did in the past for the main part. Actually, I started making these images after we used the Barcelona Chair in a commercial render we did recently. Other than that – the tables, shelves and sideboards are all custom-made. It is all done with very basic box-modeling methods. The most interesting part was actually finding the reference images and understanding the space inside.

After building the house I started with this first perspective. It is a very famous one, and maybe the one that inspired me the most in the beginning.

04_tugendhat-image_inspiration

And the camera AO view of the model…

05_toon_house

The Grass

I made some experiments in the past with grass and how to create cg grass in an effective and fast way that will also look real… grass that renders quickly and does not eat up too much RAM.

We came up with a method that utilizes the great Forest Pack Pro plugin in two stages. What does that mean?

First I created four different grass patches with Forest Pack Pro in a small circular spline consisting of 4-6 different objects. That would look like this:

06_tugendhat_grasspatches

The patches have different characteristics such as long grass, short grass, grass plus one plant and grass plus another plant and they are all different Forest objects.

The elements I used on the patches are not many different ones but this little variation is enough to produce convincing grass patches. They are build as very simple meshes…

07_tugendhat_grasselements

Here are the Settings for one such grass patch. As you can see, the elements are scattered randomly and with slight scale variation and rotation.

08_tugendhat_grasspatches_forestsettings

The second stage was using yet another Forest object to scatter those patches over the ground plane. I tried several variations of distribution. The option to scatter things not totally random but in groups (clusters) helps here very much and after some tests, the outcome looks like this…

09_toon_grass_

The Setting behind that are very basic – as said above the key is to scatter the objects in clusters…

10_tugendhat_grass_foresdistribution

You can see the clustered distribution very good in this viewport capture…

11_tugendhat_screenshot

The Trees

Most of the trees in scene are custom-built with Exlevel’s GrowFX plugin for 3dsmax (except the background tree which is a very generic tree we have in our database. Not a very special tree, but it works great far away from camera. Some of the smaller shrubs are from a pre-made library as well).

I built the main tree for this scene as I always wanted to do some large maple or oak tree.

My colleague, Peter, wrote a detailed article about how to custom model 3d foliage using GrowFX for Ronen’s Blog in the past – If you are interested in the process of modeling trees like that, I totally recommend it!

Well, the tree I built looks like this…

12_maple

I had a bit of a hard time in getting the twigs like that, but in the end, I was very happy with the result. I used the same tree for the winter and autumn images but with a darker texture and without the leaves.

After adding the trees to my scene it looked like this…

13_toon_trees

The trees in the foreground are not placed with Forest, they are single V-Ray Meshes, even though Forest Pack offers the opportunity to custom edit your distribution and place single objects by “hand” in the desired place.

With all objects, my scene now looked like this from above…

14_tugendhat_screenshot_bird

You see the large forest consisting of my custom tree, some smaller Forest objects with the background tree mentioned above and some custom placed V-Ray Meshes gathering around Tugendhat House.

The Texturing

The texturing on this project was not very special in the end. But there are some things going on that are worth mentioning.

The Snow

For creating the snow in the street view, I simply applied a snow texture as V-Ray Displacement onto different planes I placed under the street, the pavement and the grass strip.

Why under?

Because doing this you get the effect of snow lying on the street showing the ground in different spots – not a very clean method, but it works!

16_snow_viewport

The other snow parts like on the fence, the rooftop and so on are simple beveled planes with chamfered edges.

17_snow_dirt

The Snow on the tree in the foreground was made by copying the tree, moving the copy 2cm up and giving it a white material – You see I am a fan of simple straight-forward methods.

17a_snow_map

I used the snow map above also in the diffuse channel, as well as in the V-Ray Displacement.

The Dirt

I got several questions about the way I add dirt in my images, at edges and under roofs on the walls… so here is how I do it…

I made it in two stages workflow.

The first stage is to make all your materials you would like to be dirty or leaking a V-Ray Blend Material. As the base material you use your clean one and as coat, you use the same one, but with your dirt structure multiplied over the diffuse texture.

Now you put a V-Ray Dirt Map into the masking channel.

In the slate editor, this looks like this…

18_grunge_material_settings_plaster

It looks more complex than it really is, but if you get into the concept it is a very powerful way to improve your textures.

The second stage is made by using a V-Ray Dirt Map as an extra texture render element. In the occlude color channel you put a dirty or leaking-texture. It is Important to shift that whole thing in the Z-direction.

The pass looks like this as it drops out.

19_uebereck01_dirt

At first sight it looks like a normal ambient occlusion pass, but it if you look closer you see the leaking and dirty parts running under edges. You can use this pass in post production and mask it out as you wish and where you’d like to have more pronounced dirt.

20_renderelemtns_Dirt_settings

21_grunge_material_settings

The dirt map I used on all the above described materials is this one…

22_grungemap

works in many cases. I found it on CGTextures.

The Colors

One thing I really must point out is – Get the colors right!

Getting the right colors in your materials is (after the lighting) one of the most important parts in getting a convincing image. I, for my part, had the most trouble in getting the colors of the trees and the grass right. I spent many hours on not getting it too bluish or greenish. Very green poppy grass simply does not look realistic and does not look like grass in the end. I found out that more yellowish shallow colors look more convincing to the eye as being something natural in this case.

23_tugendhat_grassmaterial

The Lighting

As mentioned above, I used three different lighting-schemes…

  1. Standard V-Ray Sun&Sky for the snowy perspective.
  2. Spherical HDRI with diffuse white sky for autumn images.
  3. Spherical HDRI combined with V-Ray Sun for all Sunny exterior and interior images.

24_lighting_winter

In the snowy scene you see the clear blue sky with hard shadows from the sun. I used this kind of lighting because after many tries with HDRI this seemed to me the best solution for achieving what I had in mind.

The settings are quite standard – It is important to give the shadow bias a value of 0 to get the fine details in the shadows!

25_lighting_garage

For the autumn images I used an HDRI map applied into a V-Ray Dome Light. Both Ronen Bekerman and Peter Guthrie have written very good tutorials about the use of HDRI lighting in the past which I strongly recommend you to read…

Often, the key in this kind of lighting workflow is to change the HDRI as little as possible, and build your camera settings around it. Works most of the time – at least for me. The image looks kind of dull now, but as you will see later, the rest is texturing and postworking it to final state.

26_lighting_uebereck

In this case, and all others with sunny weather and cloudy sky, I used an HDRI image applied to a V-Ray Dome Light combined with a V-Ray Sun for the nice hard shadows.

There is a way to enhance too soft shadows you sometimes get from HDRI’s, but this method is just one way out of many.

What you do in this case is aligning the Sun as exact as possible or necessary to your HDRI image, so that the V-Ray Sun literally replaces the Sun in the HDRI.

Rendering

I enabled some render elements to enhance reflections, an ambient occlusion pass, the dirt layer I talked about above, among some others too.

I also use the psd-manager by cebas. This great tool organizes your render elements on the fly in a PSD file so you don’t have to merge them together manually later on. It also has great selection features and makes final color correction more easy because it generates custom masks for your trees and grass for instance… very nice!

27_render_elements

28_render_psdManager

My render settings are not special, really – I always try to find a good trade-off of speed vs. quality (as everyone I guess). All renders had no longer render times than 4 hours in a 4k resolution on my i7 workstation. I have to admit my limited ram (12GB) and the multiple AO passes prevented it from being faster.

29_rendersettings

The Post Production

As I mentioned above, getting the colors just right is a very important thing. In the end it is a matter of taste if you work more in 3d or more in post production with Photoshop or After Effects – but in this case I challenged myself a bit to get as far as possible (in an ok amount of time) in 3d. The resulting render output of the garden perspective is the following…

30__uebereck01_pure

After that I applied the dirt layer, I mentioned earlier, some fog generated out of a z-map and some final color correction such as contrast, hue and so on to get the final results…

31_xoio_tugendhat_uebereck

I will explain it in a more detailed way on the garage image… This is the pure render output of the garage perspective.

32_street_01_pure

I made it a bit lighter by screening the background layer over it and multiplied the dirt layer I got as render element.

33_street_02_screen_dirt

Some fog with z-buffer channel which is being screened over the image.

34_street_03_z-fog

Lighting up and darkening some areas by painting over it.

35_street_04_brightness

Adding more contrast with the very old-school brightness contrast tool (I like that – it gives you not many options, but sometimes that is a plus) And some final hue and color corrections.

36_street_06_hue

Well… I hope I could give some insights about my workflow – or answer some questions one may have had.

Best regards,

Lasse Rode,

xoio.

24 replies
  1. apurva6d
    apurva6d says:

    Can you please tell me the light settings and vray cam settings which has not been mentioned in the above…thankx

    • xoio
      xoio says:

      @apurva6d

      Hi! The camerasettings are quite default. the things I changed for the sunny perspective for instance are: f-number: 2,0 shutter speed : 120, film speed: 200 – just the way the image is not overbright or to dark.

      I did no color correction in the camera – I tend to do those things in post.

      The multiplyer of the vray dome and the HDR-map is 1 – I just turned the vray sun down to 0,05 to fit on the HDRI. Sorry – but I think I forgot that inthe article.

      The other lightsettings work in the same way: HDRI and dome have a multiplyer of 1 and the camera is tweaked to fit (just like you would do with a real camera actually)

      best regards

      Lasse

  2. kukas
    kukas says:

    Hi Lasse,

    a great making of for a great project recreation…

    nice explained detail also for the postproduction process!

    you were so useful for “our community” with this making of.

    it look like so realistic, great work , keep going Lasse!!!!!

  3. dpizarrom
    dpizarrom says:

    Hi Xoio

    Is it possible to know what software did you use to model the building? 3ds, sketchup?

    Greetings

    • xoio
      xoio says:

      @dpizarrom

      The building has been modelled in 3ds Max over a rough sketchup-modell for orientation after plans and photos.

      Regards

      Lasse

  4. MartinZmeskal
    MartinZmeskal says:

    Hi Lasse,

    thanks a lot for the making of, really inspirational in various ways.

    How come you made the PSD manager work when you use vrays render elements and VFB….thought the PSD manager doesnt support it???

    • xoio
      xoio says:

      Yes- unfortunately It does not – But I rarely use the Vray VFB. So for me it works fine with the Max standard VFB. It supports Vray render-elemtents then.

      best regards

      • DanielSchmidt
        DanielSchmidt says:

        @xoio psd-manager 3.1 will support the V-Ray VFB. It is currently in Beta and will be available as a free update in December/January. I’m just putting the finishing touches on. It will also have automatic splitting & naming of MultiMatte RE into multiple PSD layers or channels for those not using the builtin selection generator options.

  5. DusanMunic
    DusanMunic says:

    Hi !

    Could anyone give me some link where I can find sketch renders made in Cinema 4d with model imported from max?

  6. DusanMunic
    DusanMunic says:

    Hi !

    first of all I wish to thank you for this “making of”

    Could anyone give me some link where I can find sketch renders made in Cinema 4d with model imported from max?

  7. JhanPhillipCo
    JhanPhillipCo says:

    Awesome!!! I like that you incorporated the PSD manager your workflow. I never knew that there is a plugin like that for 3ds Max. A big help. A little bit of draw back though is that it doesn’t support VFB right? I guest I need to restudy my workflow to incorporate it in.

  8. 3dsmaxed
    3dsmaxed says:

    can u please share your post production steps for the sunny scenes of how u have achieved contrast im grass area as in your raw render it looks flat. also how to pump up colors of trees. in raw render they look pretty dark. It would be nice. ii always face problem in getting colors of vegetation right.

Trackbacks & Pingbacks

Comments are closed.