Upload
aimee-loreto-ayles
View
220
Download
0
Embed Size (px)
Citation preview
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=f6cd10182b06f67e116543d928657e738/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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=fvw8/4/2019 Making of Hillside House
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/3856688/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-4.jpg8/4/2019 Making of Hillside House
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.php8/4/2019 Making of Hillside House
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/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-7.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-9.jpg8/4/2019 Making of Hillside House
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.html8/4/2019 Making of Hillside House
12/28
Step 9
10. The vines are imported as images into SketchUp and placed a few centimeters away from the walls.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-11.jpg8/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-12.jpg8/4/2019 Making of Hillside House
14/28
Image so Far
Now its time to set the background image. I found this landscape image in a Google search.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-13.jpg8/4/2019 Making of Hillside House
15/28
Background Image
11. We import the landscape as an image into SketchUp and we position it to match our camera view.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-14.jpg8/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-15.jpg8/4/2019 Making of Hillside House
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.
http://www.sketchupartists.org/wp-content/uploads/2010/02/ibon-16.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
19/28
Image so Far
14. Next hide everything except the vegetation.
http://www.sketchupartists.org/wp-content/uploads/2010/02/nomer-19.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
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.jpg8/4/2019 Making of Hillside House
28/28
I hope you have enjoyed this tutorial and thanks for your patience. See you soon!
Cheers