Making of ASGVIS VRay for SketchUP Winning Render

Making of ASGVIS VRay for SketchUP Winning Render

0
September 29, 2010 |  by  |  Making-Of, Native, Tutorials

Dirk de Jongh from DWanimations won the very first render contest hosted by ASGVIS in March 2009 for an interior render done with VRay for SketcHUP with the image you see above. He kindly shares his process with us in this first SketchUP + VRay article on the blog. I hope you’ll enjoy this article, learn from it and share your thoughts by commenting at the bottom of this article’s page.

dwanimations avatar Making of ASGVIS VRay for SketchUP Winning RenderAuthor: Dirk de Jongh
Dirk is the founder of DWanimations, a visualization studio creating images for the real-estate market and also providing training about SketchUP for architects and architectural firms to better their workflow.

You’ve probably seen his V-Ray for SketchUp renders in the V-Ray Forum, ASGVIS website, newsletters, and other ASGVIS marketing materials. He is a major contributor to the V-Ray Forums, and a huge part of the SketchUp community.

Feel free to comment about any aspect of this article or things you think need more detailed explanation. I’m sure Dirk will answer it all icon smile Making of ASGVIS VRay for SketchUP Winning Render

Introduction

The following render won the first VRay for SketchUP render competition. I was really glad to have won the prize because I was just starting out my own company in Holland, at age 19 at that time, and got great exposure after the win.

I designed this scene as a case study for the combined use of SketchUP, VRay and Photoshop. I wanted to know how far I could go and how realistic I could make things look. Since my background is architecture, and I tend to run concepts in my head for a long time and gather sketches about them, I just had to implement this specific one about an open living space where you can have the most common and general functions one will daily do.

The Process

I started to work with only my sketches and my imagination at my side. I did not had any idea about what materials I would like to use. Eventually It came to me that I want to keep the colors basic but with a nice contrast. For the floor surface I used a concrete texture with a soft reflection so it gives you a contrast to the rest of the room.

concrete 528x431 Making of ASGVIS VRay for SketchUP Winning Render

Concrete Texture Map

concrete settings 528x349 Making of ASGVIS VRay for SketchUP Winning Render

Concrete Material Settings

The other part that springs into focus is the ceiling, the texture I used is a wood with a high gloss look to it. In combination with the shape and flow of the ceiling that gave me a nice effect.

Render Settings

The render settings used to make this shot were not too difficult. The output size was 2048×1536 and the render settings are as shown below.

render settings 1 528x332 Making of ASGVIS VRay for SketchUP Winning Render

Render Settings 1

render settings 2 528x491 Making of ASGVIS VRay for SketchUP Winning Render

Render Settings 2

Outline Overlay

I did not use any AO (Ambient Occlusion) pass because at that time (2009) Vray for SU did not give you that function to use, in the new version it is included :D… What I did to compensate the lack of the AO is to get the outline of SU render end put it over the actual Vray render in PS, so I could get some kind of AO. So you can see it in the render near the windows.

interior outline 528x351 Making of ASGVIS VRay for SketchUP Winning Render

SketchUP Outline Saved Image

PS 3 528x422 Making of ASGVIS VRay for SketchUP Winning Render

A closer look on how the outline blends in.

I wanted a nice long shadow on the floor so I edit the time of day in SketchUp to get that effect. I then edited VRay Settings to get the soft shadows as you can see below.

shadow settings 327x528 Making of ASGVIS VRay for SketchUP Winning Render

Shadow Settings

Furniture

The furniture I modeled myself or downloaded from the net, for example the carpet on the floor, that was from the Warehouse, that’s a good place to find stuff, it’s a pity that some people use it to dump their designs on that are not build properly so I always search on most downloaded or best rated.

The cushions ware created with a plugin for SketchUP called “subdivide and smooth”. Actually, everything that I modeled in SketchUP is created with the help of some plugin that adds more tools to create organic and realistic models. That is what is so great about SketchUP – there are many quality free tools you can add to it and use in your workflow with a large supporting community at your side too.

Curtain

Here is the curtain creation process…

  1. First create an rectangular.
  2. Use the bezier curbs to create the flow of the curtain (I used a curve made out of a 100 segments).
  3. Use the Push pull to extrude one of the segments you have just made by dividing the rectangular via the Bezier curbs.
  4. Delete al the unnecessary edges you that you only see the curtain itself.
  5. Make it a group.
  6. Turn it horizontal.
  7. Use the sandbox to create an grid below the curtain.
  8. Use the drape tool to drape the grid on to the curtain.
  9. Turn the curtain back vertical.
  10. Now activate the 3×3 FFD.
  11. Try to fiddle around till you are happy with the look of the curtain.
  12. Now you can delete the FFD points and smooth the curtain out.
  13. The curtain is done.

sketchup 3d curtain how to 001 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 002 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 003 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 004 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 005 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 006 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 007 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 008 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 009 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 010 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 011 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 012 150x150 Making of ASGVIS VRay for SketchUP Winning Rendersketchup 3d curtain how to 013 150x150 Making of ASGVIS VRay for SketchUP Winning Render

Trees

I got the trees from XFrog and converted then for use inside SketchUP with VRay. It took a long time to get the textures end alpha channels just right, but the effort was worth it. The interior plants are basically the same trees as exterior, but than in a different scale. It is an imported part in this shot because the trees are visible in the shadows on the floor and that gives for an interesting shape to the shadow, and gets the shot alive. Otherwise the shot would be a bit dull.

Camera

An important part of this render is camera position. The thing that I always do, and is very common to architecture photography, is set the vertical lines in a shot exactly vertical. VRay for SketchUP does not have the ability to correct perspective or use the SketchUP native corrected viewports so I had to do this in post inside Photoshop. In PS I just stretched the render until the verticals were exactly vertical. Dirty but effective method.

Postwork

When that is done I took the render into PS and started working on:

  • contrast
  • bloom
  • sharpening
  • hue/saturation
  • levels
  • exposure
  • brightness
  • background
  • lens flare

As you can see I used around 30 active layers to create the final render.

PS 1 528x422 Making of ASGVIS VRay for SketchUP Winning Render

General Layers Overview

First when I start using Photoshop I try to change the colors of the render to make them more uniform. A great tool to make that happen is the gradient map. I apply it with “soft light” mode.

PS 2 528x422 Making of ASGVIS VRay for SketchUP Winning Render

Setting up a Gradient Ramp "Soft Light" Layer

Usually an opacity of 35% is used to generate a more contrasting effect, that gives more depth into the render. In the next example you can see the effect of a gradient map.

PS 6 528x422 Making of ASGVIS VRay for SketchUP Winning Render

Gradient Ramp "Soft Light" end result

To create the bloom effect from the windows I first use the color range tool to select only the colors that you see outside.

PS7 528x422 Making of ASGVIS VRay for SketchUP Winning Render

Color Selection

Then I copy the selection and use the Gaussian blur in combination with the smudge tool to create the bloom like effect from outside.

PS 5 528x422 Making of ASGVIS VRay for SketchUP Winning Render

Adding the Bloom

For the texturing of the cushions I created an new layer. For the layer I used “Hard light” and a opacity of 80%. I traced a selection around the cushions I wanted to apply the pattern too. Then I selected a brush with a design that I like and put it on the cushion.

PS 4 528x422 Making of ASGVIS VRay for SketchUP Winning Render

Adding texture to the Cushions

Than you can apply a slight “Add noise” to create a more textured effect.

raw output 528x396 Making of ASGVIS VRay for SketchUP Winning Render

Raw Output

final output 528x396 Making of ASGVIS VRay for SketchUP Winning Render

Final Output

You are welcome to comment on this article and ask questions using the comment box below!

9 comments
PhanMinhTien
PhanMinhTien

which version of V-ray did you use in this article?


asee
asee

In my opinion for 2009 a vray rendering in sketchup is one of the best render I see, congratulations.

ronenbekerman
ronenbekerman moderator

Would love to see more SketchUP + VRay works made by you people. Who's using it daily?

libra84
libra84

love your postwork.

thanks for share.

keep posting and sharing your experience .

Hussein
Hussein

nice rendering but the glow is too much in the final output

ubrown
ubrown

Very nice image indeed!

Thanks for sharing

Ryo
Ryo

Nice to see your work on this blog, Dirk!
This workflow is very familiar for me :D
Beautiful image indeed.

D.dot
D.dot

Big Ups! Appreciate the post.

Mind to educate how you set up the other materials such as metals, cushion or chairs you used? =)

Thanks man, this tutorial rocks!.

Pixel
Pixel

Very nice ! Intresting parameters :)

Trackbacks

  1. [...] This post was mentioned on Twitter by ASGVIS, Ronen Bekerman. Ronen Bekerman said: Making of ASGVIS VRay for SketchUP Winning Render – http://t.co/Hq8NZ1k via @ronenbekerman [...]

  2. [...] Dirk de Jongh from DWanimations won the very first render contest hosted by ASGVIS in March 2009 for an interior render done with VRay for SketcHUP with the image you see above. He kindly shares his process with us in this first SketchUP + VRay article on the blog. I hope you’ll enjoy this article, learn from it and share your thoughts by commenting at the bottom of this article’s page. (via http://www.ronenbekerman.com) Read how he did it [...]

  3. [...] and I am loving the change from Maxwell Renderer. I used this tutorial as a starting point: http://www.ronenbekerman.com/making-vray-sketchup-winning-3d-interior-render-asgvis/ as it had some great tips on interior render settings and lighting to get that soft dappled glow [...]

Recent Posts
Unreal Engine 4 + ArchVIZ by Koola

Unreal Engine 4 + ArchVIZ by Koola

08/21/2014  |  4 Comments

Today I stumbled upon these Drop Dead Gorgeous Unreal Engine 4 Architectural Visualization tests by koola which immediately reminds one... more

PETER GUTHRIE HDRI Skies Giveaway

PETER GUTHRIE HDRI Skies Giveaway

08/19/2014  |  17 Comments

The 2nd 2014 blog birthday giveaway is here! Welcoming PETER GUTHRIE who will give one of you lucky followers a... more

The JG House by MPGARQUITETURA

The JG House by MPGARQUITETURA

08/18/2014  |  3 Comments

Today I'm sharing the remarkable bridge like JG House in Petrópolis, Rio de Janeiro, Brazil. Designed by MPGAA to blend... more

Winner Announced: Design Connected Giveaway

Winner Announced: Design Connected Giveaway

08/17/2014  |  12 Comments

The 1st 2014 blog birthday giveaway is here! Design Connected will give one of you lucky followers a chance to... more

Happy Blog 5th Birthday!

Happy Blog 5th Birthday!

08/15/2014  |  113 Comments

1. 2.. 3... 4.... 5! Five years ago today I sat in-front of a blank white screen and wrote A... more

Making of Favela

Making of Favela

08/14/2014  |  5 Comments

Matthias Buehler approached me not long ago, sharing his personal project 'Favela' which immediately got me curious. Knowing Matthias works... more