Making of Lake Lugano House

David Santos has set upon recreating the Lake Lugano House. A beautifully designed house by JM Architecture that he modeled using SketchUP 2015 and rendered with V-Ray for SketchUP v2.0 as part of a personal study of HDRI based dusk lighting. Follow David in this article as he takes us from start to finish on this one. Enjoy!

Introduction

The Lake Lugano House (Brusino Arsizio, Switzerland) project was born out of my motivation to explore the new possibilities enabled by SketchUp 2015 and V-Ray for SketchUP 2.0. It is a personal interpretative study of a house, designed by JM Architecture on the shore of Lake Lugano, Switzerland.

Photo by Peter Sieling

Photo by Peter Sieling

My goal with this project was to study dusk scenes with artificial interior and exterior lightning, and took close to two weeks to complete. I also attempted to achieve a photo realistic look using the built-in depth of field feature in V-Ray for SketchUP. There was a focus on crisp and contrast-rich images achieved thanks to the cinematography color grading plug-in used during Photoshop post production.

The project also includes an image with cloudy sky and gold interior. The tones seen here were mostly achieved using Photoshop.

About the House

Lying on the slope of a hill, on the shores of Lake Lugano, the villa consists of two volumes organized on different levels due to the particular topography of the site. A polygonal shaped glass pavilion with rounded edges stands above a linear underground block. The living and dining room, the kitchen and storage spaces are located in the pavilion, while bedrooms, bathrooms and garage are in the lower level.

Each level relates itself with independent outdoor spaces, which are closely related with the interiors. The glass pavilion overlooks two much defined areas : the first, toward the mountain, is a very private zone resulted in the area between the property line and the building setback line according to the local building code. The second is a garden overlooking the lake. In the same way, the bedrooms face a garden enclosed by the building and the perimeter wall. The ring, obtained between the perimeter wall above and the pavilion, amplifies the interior space, with seems much larger than what it actually is.

The Project

First of all, I would like to thank Ronen for the opportunity of write this article. It’s a great honor and pleasure to be showcased here on the blog.

This project has its origin back three years ago. I was surfing the web, searching for references about the use of HDRi lighting and I found a project that caught my attention right away. It was the Lake Lugano House 3d recreation by James Pickford and I said to myself that one day I will attempt remaking this house and achieving the same kind of look in CG.

After many commissioned projects for clients, I decide that it was time to make a personal project. A project in which I can explore many things that I’ve learned over the years. Getting the dusk look & feel was something I was always fascinated about since I got started with ArchVIZ and achieving that mood where interior illumination and ambient illumination are combined and in balance was a goal for me during this personal project.

Once I finally got started, it was delayed due the amount of work I had and I was unable to complete. But, after the long-awaited 64-bit SketchUP 2015 came out, I knew that was a great time to resume this project and test the new capabilities.

Why SketchUP?

Because I love it! SketchUP is a powerful tool that is often underestimated, and let me show you the real power of this amazing tool.

Like I said before, the project beginnings dates back to last year, when I started modelling with a raw CAD drawing that I made from JPG’s of the original drawings. After a lot of tests I found the correct way of modelling this.

Selecting the Project

Why this house?

Easy!

First time laying my eyes on it the architecture seduced me. The simplicity of the architectural resolution is so clean and complex at the same time. It was a challenge to give it detail and to keep it clean. The curved glass is one of the elements that I thought was important to resolve well along with the surroundings and exterior design. The gravel and grass combination was a great challenge in SketchUP.

The prevailing white color and the attention to detail makes this project a real challenge.

The process started gathering as much information as possible, starting with the house drawings and photos.

lake-lugano-comp1

As well as obtaining many visual references for the look & feel I was aiming for.

lake-lugano-reference-collage

Quick AutoCAD draft

Since I didn’t have the original drawings and there was only a few references, much was guessed and eyeballed.

lake-lugano-plan-collage

Modeling

The “Ring” modeling approach

As the house doesn’t have 90 degree angles, I developed (after a lot of tests) a system in which all the parts of the house are modeled by offset to the main glass enclosure.

As you can see in this process, the steps are :

  1. Creating a plane that is the glass enclosure.
  2. Offsetting to create perimeter beams.
  3. Follow that with the glass and roof parts.

lake-lugano-composition1

Detailing the Geometry

Getting into the small details took time and I used three plugins to help achieve what I aimed for :

  1. FLOOR GENERATOR – to create the interior and exterior floor pattern.
  2. ROUND CORNER – to give detail to edges.
  3. FUR – to scatter grass and trees.

lake-lugano-composition2

Interior Modeling (SketchUp view, plan view)

The interior modelling was relative simple given that the architecture itself it’s a lot of the project.

Exterior Modeling

The exterior modelling was achieved by the referencing photos of the original house, with emphasis on the vegetation and gravel.

lake-lugano-interior-exterior-setup

The Vegetation

Proxies used in this scene where from different collections : Evermotion, CGAxis, Arroway Texture, and various free sources.

The first set of V-Ray Proxies where used in the ground level. The second group as background trees.

lake-lugano-proxy

Materials

After the modelling part the next stage in the process is applying materials.

This is how the model looks like in clay style.

lake-lugano-lb-llh12

There where three special materials I give special attention to :

Interior Wood Floor

lake-lugano-brdf-interior-wood

Exterior Wood Floor

lake-lugano-brdf-exterior-wood

Concrete Perimeter Wall

lake-lugano-mix2

lake-lugano-concrete-mix1

lake-lugano-brdf-concrete

Standard Materials

The rest of the materials were very simple, basically a Diffuse and a Reflection layer.

lake-lugano-standard-white

Chrome is a single reflection layer material with fresnel off, and small glossiness.

lake-lugano-standard-chrome

Glass Simplified Material

lake-lugano-standard-glass

Gravel and Proxy Materials

lake-lugano-standard-gravel

lake-lugano-standard-trees

Lightening

The interior illumination is a mix of IES & Sphere lights.

Interior light configuration without HDRi

lake-lugano-int-lights2

Sphere Lights Settings :

lake-lugano-sphere-exterior

Rectangular Lights Settings :

lake-lugano-rec-interior

IES lights Settings :

lake-lugano-ies-interior

Exterior light configuration without HDRi

lake-lugano-ext-lights-comp

Sphere lights Settings :

lake-lugano-sphere-exterior-(1)

IES lights Settings :

lake-lugano-ies-exterior

Two Sided Material :

lake-lugano-twos-exterior

Global Illumination archived with a V-Ray Dome Light loaded with an HDRi (1957 Dusk Clear by PETER GUTHRIE)

V-Ray Dome Light Settings :

lake-lugano-hdri

Rendering

The Rendering Settings

VFB channels (Image of the channels)

lake-lugano-channels-vfb

Rendering

lake-lugano-rendering-process

lake-lugano-rendering-process-2

Framing : Photographic Composition

Below you can see what is behind the framing of the final images

lake-lugano-weblake-lugano-framing3

lake-lugano-weblake-lugano-framing2

lake-lugano-weblake-lugano-framing1

lake-lugano-weblake-lugano-framing

Post Production

Here are the stages of the Post Production :

  1. Photoshop compositing (Screenshot layers).
  2. Correcting rendering errors (RAW render).
  3. Color correction (Comparison).
  4. Levels and brightness (Comparison).
  5. Color vision (Effects).
  6. Photographic effects (Finishing image).

So, that`s it.

I hope you enjoyed it. If there is any question regarding any subject I would be pleased to answer it.

David Santos

David Santos is a 3d Artist from Ecuador. He studied architecture for 5 years in Universidad San Francisco de Quito. He started using SketchUp since the beginning, and ArchViz has become his passion. He specializes in 3D visualization and have been working on his own since 2014, mostly on local projects.

David Santoswww.labvisualizacion.comhttp://www.labvisualizacion.com/
  • [email protected] 3D

    Muy bueno!

  • Judith Rivero González

    Great work!!!

  • rs256896

    Hello,

    I read your blog it’s really nice and i like it very much.Thanks for sharing this useful information.Looking for 3D Walkthrough Company in India with the high quality output For more Information you can visit http://www.3danimationworks.in/

    Thanks
    Reena

  • SabbySingh

    This is the best work i have ever seen out of sketchup. you have inspired me to use sketchup to its full potential. thanks for making this tutorial and thank you very much ronen for bringing this up you are doing a great service to the archviz community.

  • SabbySingh

    hey david 
    i have just checked your portfolio on your website. is all that work produced in sketchup & vray for sketchup.

  • Dom Zaps

    Big up to SketchUp! my tool of choice as well. The geometry is an intuitive process that is much easier to create in scale than compared to other 3d software. Something seems a little off on the interior reflection and refraction tones the believability right down. But the exterior is stunning, and the glass reflections though a bit exaggerated, work.
    As a skechup arch viz to another I need to get you guys on the Octane Render and OctaneRender for SketchUp bandwagons. V-Ray is powerful and industry standard, but octane will change your mind about render speed and the entire work process.

  • AnhTuanHoang

    can your share model  to practice?

  • Hi Dom, feel free to share anything you have about Octane and on SketchUP specifically. Email me 😉

  • DavidSantos

    SabbySingh Yes, everything is made in SketchUp + Vray.

  • DavidSantos

    SabbySingh Thanks! Keep going it’s a very powerful tool!

  • David Santos

    Thanks for all Ronen , has been a pleasure collaborating with you and the blog!

  • Fantastic work David! I’m actually migrating to Sketchup (I’m interior designer)The only thing that ‘s driving me crazy is preparing model to sending to Layout (styles, line thickness, weird wireframes of 3ds imported models, etc)
    I noticed that you’re doing this pretty well (lake-lugano-comp1.jpg) Can you write something about this, or share styles/templates? Thanks!

  • nsavvakis

    SimonSimonowicz ,as far as layout export , the thing is that you need a lot of preparation in sketchup model beforehand. assign every object to layers and make a lot of scenes with each group seperately (e.g. exterior wall or windows). then in layout you combine these scenes in order to make your drwing plan. it seems a lot of work in the beginning but when you get used to its better than classic cad

  • nsavvakis

    Very nice tutorial, a lot of details explained. I have one question, your only source of light is the vray-dome? you don’t use gi lighting?

  • DavidSantos

    nsavvakis Thanks, yes, the vray dome is the only GI light in the scene.

  • ihabkal

    SimonSimonowicz with the price of subscription of 3dsmax we will all be migrating to sketchup soon 🙂
    from sketchup website Unit Price 1 – 4 @ $495.00 + $95.00 yearly mainteneace while 3 months of 3dsmax 2016 is $185X3!!!!

  • SingLeung

    Hi David, just want to know how can you make the hdri backplate so clear using vray dome , as my result is always too blurry, even same hdri and setting was used as above. Is there any skill? Thanks.

  • SingLeung

    Also, your diagram looks nice too, you export graphics in sketchup either?

  • nsavvakis

    SingLeung the backplate as i can understand from the process is inserted as a separate layer in photoshop. check base render in the tutorial. the bg there is transparent

  • Lalu M

    Great Tutorial Bro….thumbs up!!!
    I want to know your RGB number of your sphare light,rec light,ies…
    i love the light warm of yours…
    regards…

  • abebebe

    Amazing.

    How do you render it  you call clay style ?

    http://rbblog.wpengine.netdna-cdn.com/wp-content/uploads/2015/04/lake-lugano-lb-llh12.jpg
    Is it rendered by ambientocclusion ?

    But how render glass and out line ?

  • DavidSantos

    abebebe  Thanks! The
    clay render was made by rendering just with a white GI and BG, and of course AO
    turned on, then in PS the lines were added in multiply mode. The glass is
    unchecked for the override material.

  • DavidSantos

    Lalu M Thanks a lot! Glad you like it. Sure it´s 210, 147, 85.

  • DavidSantos

    SingLeung I export the graphics from SketchUp and then add effects in PS.

  • DavidSantos

    SingLeung Yes, as nsavvakis says it was rendered invisible and then added the same HDRi backplate in PS.

  • DavidSantos

    SimonSimonowicz Hi, I’m not using Layout right now, the image you mention was made in AutoCAD.

  • vime8

    ronenbekerman Absolutely cool i #SketchUP user not use #Vray before just

  • vime8

    ronenbekerman just watch some tuts & idea of rounded glasses is so in style

  • JoshuaDeacon

    David, 

    First, amazing tutorial.  It’s great to see more high end results with SketchUp+V-Ray…fantastic job.  Second, could you explain your rendering workflow a bit more?  It appears that you are using a virtual machine.  Why is this? Would you mind give us some insight, or pointing us in the right direction (i.e. a website)?

  • EliotBlenkarne

    Great to see a vray for sketchup making-of on here. Could you explain in a little more detail how you created the wall material? Did you use a texture for the dirt map?
    Awesome images. Well done!

  • DavidSantos

    JoshuaDeacon Hi, thanks a lot! I was waiting that question, let me explain you; Here in the office we got remote servers to render. It’s not a farm service itself, it’s a web service that provides resizable compute capacity in the cloud. So we launch as many instances as we need. From 1 to 10.  Here is the explanation and information about the service: http://en.wikipedia.org/wiki/Elasticity_(cloud_computing)

  • DavidSantos

    EliotBlenkarne Thanks! Tha perimeter wall material is BRDF material, in difusse slot has a TexBlend procedure, A is a TexDirt with map, and ambient oclussion mode. B is the regular texture. And it has a reflection map.

  • benyo3d

    Hi David
    First of all as everybody mentioned here – superb work.
    My question is actually regarding the resolution and rendering time for the frames.
    I can see you have some powerful workstation with 32 treads…how long did it take to render and in what resolution ?
    Thanks,
    Lior.

  • DavidSantos

    benyo3d Hi! Thank you very much! There were two render batches, the standard images and the close ups. The first batch was all 3000 x 2000 px (Took about 6 hours per image, x4), and the second one was 1500 x 1000 px (Took about 7 hours per image, x4), mainly because the depth of field.

  • benyo3d

    DavidSantos benyo3d
    Wow it’s a big surprise for me – i thought that with such a powerful machine you have, it should take no more then two hours to render in that resolution.
    Maybe try and make some optimization to your render settings…if you care for the render times at tall 🙂

  • @[email protected] Thanks for explaining 🙂

  • ArchaviStudio

    Hey David,

    Fantastic work! By far the best renders coming out of SketchUp Ive ever seen! One question though. How did you model and unwrap all of the furniture? I love SketchUp for it’s simplicity, but I find it hard to detail models with furniture, and then unwrap said models for texturing. 3ds Max seems much better at doing stuff like that. Any tips?

    Thanks,

    Avraham

  • tituzero

    Can you tell me specification of the computer????

  • DavidSantos

    tituzero Hi, there are 4 Intel Xeon E5-2680 2.80 GHz, 60 GB RAM.

  • DavidSantos

    ArchaviStudio Thank you very much for your words! Glad you like it! There is no an easy way to unwrap furniture, there are some tricky ways (projected textures) and some useful plug-ins like: SketchUp UV Mapping tool and ThruPaint. 3ds max is way more efficient in this way. 

    Regards!

  • TriNguyen2

    DavidSantos Thanks for your tutorial!
    But “AO turned on” – what is “AO”? and how do you unchecked the glass material for the override material?

  • VictorPineda

    TriNguyen2 DavidSantos Ambient Occlusion.

  • RiccardoCrosetta

    Great job David! For a daytime render would you use same options? (changing only HDRI i mean)

  • RiccardoCrosetta

    DavidSantos tituzero WTF!

  • DavidSantos

    RiccardoCrosetta Thanks a lot Riccardo! Basically only change the HDRi and tweak a little bit camera parameters.

  • Awesome work David !!! I Think this is the perfect style for rendering , not overdoing with photoshop and letting the image look as realistic as possible .

  • DavidSantos

    jeronimolobo Thanks Jeronimo!! Was a nice project to do, I have a lot of fun. Glad you like it!

  • Mousa abu Doush

    Great work David Santos !!! how much you made the glass depth or just is a single face ?

  • DavidSantos

    Mousa abu Doush Thanks a lot!! In this case the glass is just a single face, in some other cases it may be 5mm to 7mm.

  • Kevin_arrigo
  • NunoFaria

    Hello,
    1st of all great work.
    Now my problem, i’ m getting a hard time to import models from max to sketchup. I tried to export them in .3ds (sometimes i have to use ProOptimizer, on the modifier list to reduce geometry) but i never get the textures when i import the file in the sketchup, i always get the model in white. I already bought models of trees and grass, and i always get the same problem.
    How do you import models in 3ds or max  as you did with the grass, trees and gravel in this GREAT tutorial?
    Ps: I trying to get the same glass and I follow the tutorial to the letter and the result  is not the same. 🙁 If you could give me a tip on that too would be fantastic.
    Many thanks
    Best regards from an huge fan,
    Nuno Faria

  • DavidSantos

    Kevin_arrigo Hi Kevin, those images ware made by combining an AO render, a color pass (SketchUp shaded model) and a wire image. Thanks for the interest!

  • DavidSantos

    NunoFaria Hi Nuno, thanks! Glad you like it! Regarding your  doubts we use a plug-in from SimLab, its FBX to SKP that plug-in preserve material properties from the geometry. In this case, trees and grass are proxy, so materials are automatically assigned. 

    For the glass material, remember it has to be just one plane, not double. Another important element is the Fresnel option, the parallel color must be almost black. 40,40,40. 

    Tell me if this resolve your doubts, I can explain it further. 

    Thanks to you!

    Best regards!

  • JakubH

    Great work indeed! 
    Since I am a Rhino+V-ray user you have really inspired me. The rendering process is the same in Rhino and in Skp so i would like to use this informations in rhino. I have just one question about your material settings… For example for the exterior wood floor material you have applied in the diffuse slot the textblend option and then you applied the wood texture in the texture A and the plaster/dirt to the texture B (or what exactly is in the picture under the screenshot of this material setting)?
    Thanks for the answer

    Best
    Jakub

  • Savannah01

    Thanks for your tips! Did you try another editing soft?? How about special HDR http://hdrprograms.com/ tools?? It can be cheaper than adobe

  • DavidSantos

    Savannah01 I haven’t tried it! Do you recommend? To work with .EXR?

  • Genius Journey

    David, thank you for sharing your great experience!  
    My question is about your Color Mapping and HDRI gamma settings for this scene.
    Did you use Reinhard or HSV Exponential, what burn or bright multiplier value and is your HDR gamma 2.2? 
    I can’t figure out the correct values.
    Thank you.

  • PunnkyAtPolyvore

    really love your rendering style. Is there a way you could explain the post production part more extensively? Maybe in video? Not really sure what to do with all the channels I got.

  • Dini Kosumi

    I would like to see this making off but nothing on it http://www.ronenbekerman.com/making-of-3d-renders-kumu-art-museum-viktor-fretyan/

  • David Santos

    Thanks a lot for the mention Ronen! It was a great pleasure to collaborate! U0001f44dU0001f603

  • NicolasKnockaert

    I have just one question about your material settings… the wood exterior texture. where u put the three texture map? because we almost see just twoo slot with  map

    Thanks for the answer

  • DavidSantos

    NicolasKnockaert Hi! Thanks for commenting. The three maps are used in diffuse, reflect and bump slots. 

    Cheers!

  • Pingback: Arch viz link tutorials – arhvizblog Site()