Wednesday, July 12, 2017

UP CARILLON: 3-D Visualization Part 3



Hi everyone! This is my third installment of my UP Carillon tower 3D visualization. For the past three years, I’ve been using this model for my rendering practice. My first blog post contains Non-photorealistic rendering of UP Carillon. Different NPR styles were highlighted in the post such as digital watercolor, pencil effect, cartoon effect etc. The second installment focuses more on photorealistic rendering of UP carillon. Most of these rendered images were done using Kerkythea. The third installment showcases different photorealistic rendering style of UP Carillon. The new improved rendered image was done using V-Ray for SketchUp. Below are my sample works. Enjoy!

UP CARILLON VINTAGE STYLE RENDER
WF: SketchUp8+Vray1.6+Photoshop+Picasa
Resolution: 1200x1200

UP CARILLON DAYTIME RENDER
WF: SketchUp8+Vray1.6+Photoshop+Picasa
Resolution: 1200x1568

UP CARILLON NIGHTTIME RENDER WITH PUDDLE ROAD
WF: SketchUp8+Vray1.6+Photoshop+Picasa
Resolution: 1200x1200

UP CARILLON BLACK AND WHITE STYLE
WF: SketchUp8+Vray1.6+Photoshop+Picasa
Resolution: 1200x2400

To visit my UP CARILLON first blog post click HERE
To visit my UP CARILLON 3D VISUALIZATION PART 2 click HERE

Wednesday, July 5, 2017

HOW TO MAKE A TOPOGRAPHIC PROFILE USING SKETCHUP AND LAYOUT



A topographic profile is a two-dimensional cross sectional view of the landscape. It provides of the relief of the terrain along a line drawn between two locations on a topographic map. In this tutorial, we will learn how to make a topographic section using SketchUp and SketchUp Layout.

SITE DEVELOPMENT PLAN (Reference)
STEP 1: Open your SketchUp terrain model.

STEP 2: Insert 3D entourage

STEP 3: View your model in ‘Parallel Projection’. 

STEP 4: Go to ‘View’> Under ‘Face Style’ option, select ‘Hidden line’

STEP 5: Draw a square or rectangular plane. Place it beside your model.

STEP 6: Using the ‘Push/Pull’ tool, drag the face of the plane vertically (perpendicular to your model)

STEP 7: Again, use the ‘Push/Pull tool to drag the surface, parallel to your model. This will serve as a guide for our elevation profile. Make sure to align the face according to the position of the 'section symbol' from the Site Development Plan

STEP 8: Go to ‘Camera’> ‘Standard View’> ‘Front View’ 

STEP 9: Place the ‘Section Plane’ on face. Here, the elevation profile is created showing the cross-sectional view of the model.

STEP 10: Save your work> Send to Layout

STEP 11: Choose your preferred template.

STEP 12: Change the scale. To do that, Right click> select ‘Scale’> scroll down> choose your preferred scale.

STEP 13:  Adjust all corners

STEP 14: Fill the ground with soil texture. To do that, click the ‘Fill’ and ‘Pattern’. Under ‘Fill option, click the white color texture. Go to ‘Pattern Fill’ option and select “Earth Compacted Fill” texture under the ‘Material Symbols’. Close all corners from the terrain section using ‘Lines’ tool.

STEP 15: Make a topographic profile. To do that, click the ‘Lines’ tool> select the ‘Stroke’ option with 2-3 thickness point> uncheck the ‘Pattern’ and ‘Fill’ option> then draw the line along the ridge.

STEP 16: Fill the upper portion with white color texture. 

STEP 17: Label each line with the elevation of the corresponding contour line.

STEP 18: Make a title block. Result so far.

STEP 19: Save your work, Go to ‘File’> ‘Export’> select ‘Images’> Save in JPEG or PNG format

STEP 20: Add trees and entourage using Photoshop
FINAL OUTPUT
FINAL RENDER OUTPUT

Monday, July 3, 2017

HOW TO MAKE PROXY GRASS USING V-RAY FOR SKETCHUP


Hi everyone! Here’s a quick tutorial on how to make proxy grass using V-ray for SketchUp. Follow the step-by-step procedures below.

STEP 1: Using the SketchUp program, make a detailed grass or download any available 3D grass in 3DWarehouse. Here’s a sample of 3D grass made in SketchUp.

STEP 2: Using the ‘Paint Bucket’ tool, apply any available color in ‘Material Dialogue Box’. Use only one color for the entire model. 

STEP 3: Under the V-Ray Materials list, Change the diffuse texture of the grass 

Diffuse (Grass texture)

STEP 4: Select the grouped model grass> Click the ‘Export V-Ray proxy’ icon> Type the ‘File name’> Click ‘Save’

Result so far

STEP 5: Run a test render

STEP 6: Make a large ground plane. Apply any available vegetation texture from ‘Material dialogue box’.

STEP 7: Copy the proxy grass. Fill the ground with proxy grass.

STEP 8: Add 3D entourage to your scene> click the V-Ray render icon

V-RAY RENDER RESULT

END RESULT (POST-PRODUCTION)

OTHER TEST RENDER SCENE:

TEST RENDER RESULT 1

TEST RENDER RESULT 2

Sunday, July 2, 2017

THE MAKING OF CONTAINER HOUSE: SKETCHUP, V-RAY AND POST-PRODUCTION TUTORIAL



In this tutorial, you’re going to learn how to use Photoshop and Picasa as a tool for post-production. The practice of post-production is important to all visualizer which deserve an in-depth study and analysis.  Some would say that rendering using different photorealistic ‘render engine’ is enough in order to come-up with a convincingly realistic photo. However, whatever you do, don't stop there! There are some important things you need to do to your raw render image before it's worthy of your portfolio. The primary functions of photo editing softwares such as Photoshop, Picasa, Gimp etc. are usually to correct color, to adjust light intensity, to insert entourage, to make bump map material and many more that enables you to create your own compositional style.

SKETCHUP MODELLING



The real deal in achieving such photorealistic image is through detailed modelling with proper application of texture and material settings.

STEP 1: Using the SketchUp program, make a detailed 3D shipping container with 8x40 feet in size or you can download any available model(s) in 3Dwarehouse site that correspond to the specification if available.


STEP 2: Make a copy of the shipping container model> Place it on top of the other model> Insert 3D sliding doors and windows to your model.


STEP 3: Add some details to your container house model: roof, railings, balcony, deck, stairs etc.


STEP 4: Click on the ‘Paint Bucket’ tool icon> Choose any applicable textures from the ‘materials pallet’> Click on the face to apply the texture.


STEP 5: Insert 3D entourage in the scene


STEP 6: After finding your preferred perspective view. Save your scene: view> animation> add scene. Creating a scene in SketchUp enables you to capture a state of model, thus you can go back to the same view and settings when needed.

V-RAY RENDERING

STEP 1: Apply the following Vismat (V-Ray) materials to your model:

(a) Metal car paint/ Container metal paint

Car paint reflection settings


Car paint red color 1


Car paint red color 2


Car paint green color 1


Car paint green color 2


(b) Window glass

Reflection settings


IOR settings


Under ‘options’, check ‘trace refraction’


(c) Wood

Reflection and Diffuse settings


Diffuse: Old white wood 200cmx10cm #014


(d) Grass

Diffuse and Maps settings


Grass diffuse


Grass bump





STEP 2: All V-Ray settings should be set in default mode, except for the output setting. Under V-Ray option editor, adjust the output setting to 1600X1200 resolutions. When you’re done, click the render button ‘R’.

STEP 3: Save the following images:

Raw rendered image


Alpha channel

Note: Alpha channel or mask render is a black-and-white representation of all the outlines from the scene. We will be using this image during the post-production, specifically when we need to replace the background of a scene


POST-PRODUCTION

STEP 1: Open the last saved images in Photoshop. The ‘raw rendered image or the main scene’ will serve as the background layer. Place the ‘alpha channel image’ in layer 1.


STEP 2: Delete the blue sky horizon from the background layer (container house raw render). To do that, go to layer 1 (alpha channel image) then using the ‘magic wand tool’ select the black tinted color> go to background and press the delete key. After that, uncheck the visibility of layer 1 (alpha channel image).


STEP 3: Insert the forest background image to your scene. To do that, open the file image of the forest scene> drag the image> fit the entourage image using transform command (press Ctrl+T)> change the image view if needed by clicking ‘Edit’> ‘Transform (horizontal or vertical). Place the forest background in layer 2.


Forest Scene


Note: Technically, any scenery photo you find in the internet can be used as a background element. However, you need to choose photos that match the lighting conditions and proportionality of your rendered 3D scene. 

STEP 4: Remove the lower portion of the forest background, especially the part that covers the ‘container house’. To do that, go to layer 1 again (alpha channel image) then using the ‘magic wand tool’ select the white tinted color> go to layer 2 (forest background) and press the delete key. After that, uncheck the visibility of layer 1 (alpha channel image).

STEP 5: Insert grass landscape in Layer 3. Roughly, erase the upper portion of the image using the eraser tool.

Grass landscape

STEP 6: Insert the following 2D entourage trees. To do that, open the entourage images in Photoshop> drag the images to your scene using ‘move tool’> fit the entourage image using transform command (press Ctrl+T)> change the image view if needed by clicking ‘Edit’> ‘Transform’ (horizontal or vertical). Place the grass landscape scenery in layer 3. Place each tree entourage in layer 4 and 5.

STEP 7:  To accentuate the shadows, duplicate the following layers: Background layer (container house scene), Layer 3 (grass landscape scenery), and (trees entourage) layers 4 and 5. Make sure that the following duplicated layers are place on top. Then set the blend mode to ‘Multiply’ with the value ranging from 5-100% opacity. 

STEP 8: Select each layer that is set in multiply mode, roughly erase the portion you don’t want to be affected by the masking effect or shadows. Result so far.

STEP 9: Add vines or creeping plant image in the scene> set the blend mode to ‘Lighter color’


STEP 10: Save your work in JPEG or PNG format. Result so far

STEP 11: In order to blend all the entourage to the main scene (raw render image), adjust the ‘color balance’ and ‘saturation’ settings. Open the last saved image and follow the settings.

STEP 12: When done, save your work in JPEG or PNG format. Result so far

STEP 13: Open your last saved image in Picasa. Follow the workflow for Picasa: (1) Orton mode> (2) Glow effect> (3) Color temperature> (4) Click ‘Save as’ and save your work in JPEG or PNG format.

POST-PRODUCTION SUMMARY

RAW RENDERED IMAGE VS POST-PROCESSED IMAGE

FINAL RENDER OUTPUT

CONTAINER HOUSE (.skp file)
To download click HERE