Making of Hillside House

8/4/2019 Making of Hillside House

1/28

Making of Hillside House

Making of Hillside House by Ibon Enriquez

Hi My name is Ibon Enriquez, an architectural student from San Sebastian in northern Spain. This is a model I

rendered for a rendering competition over at the Spanish SketchUp Forum. I hope you find this tutorial useful and

gain some ideas and tips from it.

1. Open your SketchUp model. If you want to use the same model that I used in this tutorial, you can download it

fromhereat the Google 3D Warehouse. This SketchUp model was made by Carlos Villacres, a member of the

Spanish SketchUp community atSketchando 2
http://sketchup.google.com/3dwarehouse/details?mid=f6cd10182b06f67e116543d928657e73http://sketchup.google.com/3dwarehouse/details?mid=f6cd10182b06f67e116543d928657e73http://sketchup.google.com/3dwarehouse/details?mid=f6cd10182b06f67e116543d928657e73http://www.sketchando.net/http://www.sketchando.net/http://www.sketchupartists.org/wp-content/uploads/2010/03/Hilside_House_02.jpghttp://www.sketchando.net/http://sketchup.google.com/3dwarehouse/details?mid=f6cd10182b06f67e116543d928657e73


2/28

Step 1

2. Next delete the original terrain and make a new one using the SandBox tool. It doesnt have to be very high -poly,only something more organic.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-1.jpg


3/28

Step 2

3. Apply a grass texture to the entire surface by projecting it. If your not sure how to do this, heres a littlevideotutorialto help. I used a high resolution commercial texture, but you can use whatever you want. Heres what I

used for this tutorial a high quality grasstexture. Once you have finished, you will have something similar to picture

below.
http://www.youtube.com/watch?v=HHsRRLCAOm8&feature=fvwhttp://www.youtube.com/watch?v=HHsRRLCAOm8&feature=fvwhttp://www.youtube.com/watch?v=HHsRRLCAOm8&feature=fvwhttp://www.turbosquid.com/FullPreview/Index.cfm/ID/240824http://www.turbosquid.com/FullPreview/Index.cfm/ID/240824http://www.turbosquid.com/FullPreview/Index.cfm/ID/240824http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-2.jpghttp://www.turbosquid.com/FullPreview/Index.cfm/ID/240824http://www.youtube.com/watch?v=HHsRRLCAOm8&feature=fvw


4/28

Step 3

4. Now load up to 6 different grass images into your SketchUp model. They must have a transparent background forexample a png or tiff. I used these images of ornamental grass textures foundhere. Make them into Face-Me

components and load them in into the Component Spray plugin. You can find the Component Spray pluginhereat

the Sketchucation forum. What we dont want is to get a flat and uniform lawn, so we have to add some

randomization parameters to the plugin settings as shown below.
http://www.turbosquid.com/FullPreview/Index.cfm/ID/385668http://www.turbosquid.com/FullPreview/Index.cfm/ID/385668http://www.turbosquid.com/FullPreview/Index.cfm/ID/385668http://forums.sketchucation.com/viewtopic.php?f=323&t=11746http://forums.sketchucation.com/viewtopic.php?f=323&t=11746http://forums.sketchucation.com/viewtopic.php?f=323&t=11746http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-3.jpghttp://forums.sketchucation.com/viewtopic.php?f=323&t=11746http://www.turbosquid.com/FullPreview/Index.cfm/ID/385668


5/28

Step 4

5.Next we must drop grass components wisely, we dont want to overload the model with unnecessary elements, soput the grass only in the places visible to the camera view.


6/28

Step 5

6.Delete everything you dont need from the original model (furniture, textures) and put your own models of choiceinside the house. For this scene I used AXYZ Design people, you can find themhere. The furniture models came

fromFormfonts.
http://www.axyz-design.com/axyz-design-3d-humans-characters-metropoly-bundles.phphttp://www.axyz-design.com/axyz-design-3d-humans-characters-metropoly-bundles.phphttp://www.formfonts.com/http://www.formfonts.com/http://www.formfonts.com/http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-5.jpghttp://www.formfonts.com/http://www.axyz-design.com/axyz-design-3d-humans-characters-metropoly-bundles.php


7/28

Step 6

7.Now we are going to render with TwilightRender. Lets start setting the illumination. You have more than one wayto do this.

a.You can give some thickness to your SketchUp components lampshade, then select its material with Twilight

Renders Material Editor, apply a SubSurface Scattering template to it and put a point light inside it.
http://www.twilightrender.com/http://www.twilightrender.com/http://www.twilightrender.com/http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-6.jpghttp://www.twilightrender.com/


8/28

Step 7a

b.Or give some thickness to your SketchUp components lampshade, then select its material with TwilightRendersMaterial Editor, apply a Lampshade Material to it from TwilightRenders Library and put a point light inside it as shown

in the image below.


9/28

Step 7b

c. This by far is the easiest way, recommended for slow computers like mine. You only have to put a point light closeto the light fixture component. This method is not recommended for interior and close shots, but its valid for this

scene.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-8.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-8.jpg


10/28

Step 7c

8. Now give the Point Light a warm color and play with its intensity until you are satisfied with the result.


11/28

Step 8

9. Choose a good camera position and start putting the vegetation in your scene according to that point of view. Iused some Furukawa Trees found in Google search and a couple of Got3D Vines, you can found themhere.
http://store.got3d.com/products/12-vine-textures/index.htmlhttp://store.got3d.com/products/12-vine-textures/index.htmlhttp://store.got3d.com/products/12-vine-textures/index.htmlhttp://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-10.jpghttp://store.got3d.com/products/12-vine-textures/index.html


12/28

Step 9

10. The vines are imported as images into SketchUp and placed a few centimeters away from the walls.


13/28

Step 10

Once all the grass components have been dropped into the scene, you should have something similar to this in thepicture below.


14/28

Image so Far

Now its time to set the background image. I found this landscape image in a Google search.


15/28

Background Image

11. We import the landscape as an image into SketchUp and we position it to match our camera view.


16/28

Step 11

12. Next we set the Shadows. We are going to render with an Unbiased Method, so the background properties wontlook faked and prevent it from receiving shadows. Because of this, the sun cant be behind the background.


17/28

Step 12

13. Now open the TwilightRender Render settings and select under Presets>Easy 08. Exterior Daytime. Under theCamera tab, set Exposure Leveland Gamma Adjustment to 1,100 in both cases.


18/28

Step 13

Now we let it Cook for a few hours (depending on your machine) and youll get something similar to image below.
http://www.sketchupartists.org/wp-content/uploads/2010/02/nomer-17-18.jpg


19/28

Image so Far

14. Next hide everything except the vegetation.
http://www.sketchupartists.org/wp-content/uploads/2010/02/nomer-19.jpg


20/28

Step 14

15. Select all and render the scene using the Advanced Clay 01. Alpha Mask Method .
http://www.sketchupartists.org/wp-content/uploads/2010/02/nomer-20.jpg


21/28

Step 15

By doing this you will get the alpha. This alpha image will help us to make a more efficient post production.

Alpha

Image
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-a.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-21.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-a.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-21.jpg


22/28

15. Do the same thing, selecting everything except the background.

Step 1516. Export a hidden line image directly from SketchUp. The main render (Step 18) and this image must have exactly

the same output resolution.

Step 16
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-c.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-b.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-c.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-b.jpg


23/28

17. Open the main render in your favorite image processing software. I am using PhotoShop. Duplicate the layer and

add a Vector Clipping Mask to it as shown in picture below.

Step 1718. Press Alt and left click on the white rectangle that is close to the new layer. Now we are inside the Clipping Mask.

Paste there the Alpha that we made in step 14. Click anywhere (for example in the original Layer) and youll be

outside again. Now we can tweak all the vegetation without affecting the rest of the scene elements. Change the

Brightness, Contrast and Saturation values as you like.
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-d.jpg


24/28

Step 18

19. Take the second alpha we made in step 14 and Invert it. (Image > Adjustments >Invert).

Step 19
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-f.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-e.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-f.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-e.jpg


25/28

20. Duplicate once again the main layer and repeat step 18, but now paste this new inverted Alpha inside the

Clipping Mask. Now you can tweak the sky without affecting the rest of the scene elements, so change its Brightness,

Contrast and Saturation values as you like.

Step 20

If anyone wants to know exactly how to adjust properly those parameters, theres a very good tutorial made by my

friend Teofilo Pardo here atSketchUpArtists.

21.After tweaking the scene following Teos tutorial (Change Brightness, Contrast, Saturation, add Lens Distorsion,

Vignetting and a warmer filter) we add a Lens Flare. Theres a quick way to do that:

Make a new layer. Fill it with black color. Make a Lens Flare there (Filter> Render > Lens Flare) with a power of 150

and set its Blending mode to Screen. Now you can change its Opacitybecause its in a separate layer, and that way

you control its intensity.
http://www.sketchupartists.org/tutorials/sketchup-v-ray-image-post-processing-in-photoshophttp://www.sketchupartists.org/tutorials/sketchup-v-ray-image-post-processing-in-photoshophttp://www.sketchupartists.org/tutorials/sketchup-v-ray-image-post-processing-in-photoshophttp://www.sketchupartists.org/tutorials/sketchup-v-ray-image-post-processing-in-photoshophttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-g.jpg


26/28

Step 21

22. If you want you can copy the Hidden line image on top of the main render and set its layers blending mode toMultiply. That way you can add details to some elements like lamps.
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-h.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-h.jpg


27/28

Step 22

And thats it! We have finished our render. This is the finished image.

Final Image
http://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-finish.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibin-I.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibon-finish.jpghttp://www.sketchupartists.org/wp-content/uploads/2010/03/ibin-I.jpg


28/28

I hope you have enjoyed this tutorial and thanks for your patience. See you soon!

Cheers

Making of Hillside House

Documents

Transcript of Making of Hillside House