Compositive rendering

Screenshot

Final compositive render.jpg

Saving views, rendering using VRay presets. Post-processing of rendering. Composite drawing with linework.
Uses Tool(s)

Download the 3d model for this workflow here: model .

The PS file for render: PS .

The AI file for final compositive render linework .

Preparation

Prepare a model for render, normally have to do two things:

  1. Clean the model, delete/hide all the lines, points, duplicated surface
  2. Reorganize the rhino layers by different materials. For Instances, in this case, I would call layer as handrail_wood.

Saving views

set an eye height view

Here we set an eye height view.

  1. set an approximately view according to our design intend
  2. Put an point on the ground object
  3. Go to Properties-Details-Point at , we can get the Z coordinates of this point.
  4. Right click viewport(perspective)-Viewport Properties-camera and target locations , then we can set the Z coordinates to 48084mm+1700mm=50000mm

Change camera lens

  • set Camera - Lens Length to a better angle displaying design intend.
  • Lens Length : is as similar concept as using real camera to take photos. The smaller numbers mean wilder camera angle. The bigger numbers mean more flatter image, eventually turns the image from perspective to parallel view.

save view

  • After we get the approximately view, we start to save the view, named as render

render using VRay presets

set lighting

Using vray render, there are three important steps. Set lighting is always a crucial and first step. In this case, it is a exterior view, so we use vray-sunlight setting to get a realistic sun light effect.

Render icon.JPG 6-render sun.JPG After click the sun icon in the vray setting panel , several steps we have to pay attention: 1. Uncheck Control sun position manually to customize sun position and angles. 2. 3. Sun position is different according to different dates and time . 4. Select location as San Francisco, CA USA

5. After setting the parameter, we can put the sun position anywhere inside of this view.

render option

The second step for vray render is setting render option panel . There is already one preset inside of the rhino model you have downloaded. While several parameters will be explained as followed in case for future adjustment:

Oprion panel.JPG

  • set physical camera
  1. Go to Camera-Physical Camera
  2. Check On icon
  3. Change the shutter speed from150-600. As a real camera, shutter speed control the exposure time, which means how much lighting will come through the lens. The bigger the number, the darker will be the image.
  4. Set Film speed(ISO) around 100-150 for exterior render. ISO means how much the film will capture the light. The bigger the number, the lighter the image.



  • Environment setting
  1. Go to Environment . Click m both for GI
  2. and Background
  3. Go to Texture Editor-Type-Sky
  4. Go to Sun , changing sun-light source to light 01(we just set for the scene)



  • output size
  1. Go to Output-Output Size . Width and Height determines the image size. For test rendering it can be small. Final image is usually bigger, depending on the final board size.
  2. Image Aspect means the ratio. For instence, 2 means Width twice larger than Height .
  3. L : means lock the ratio or unlock.
  • Set VBF channel

Add two VFB Channels: Shadow and Render ID

Material panel

Normally, when we using vray for rhino, we would assign material by layers. For example, we have already create layer stairsteps-wood, so we would apply wood to this layer.

  • Go to layers-material library-choose plug in-browse , find the specific material for a specific layer.

render result

After set up the view, lighting, and material, we are now ready for final rendering. Go to output panel change the width and height to final size, Here we use 2400*1200. Final render.jpg

extract line work

  1. Go back to the setting view
  2. Hind all the objects which can't be see from this view, hind all the lines and curves. Select everything, go to Properties-isocurve density-uncheck visibility
  3. Change unit tolerance , remember to change it back after we make2d
  4. hide the glass layers
  5. make2D


  • go back to the same view, make 2d just for the glass layers.
  • Every time, after make 2D, make sure clean the lines, curves and have a organized layer structure.

Post process

ps-color, light, contrast adjustment

  • Open the final render file in PS.
  • Go to 1. Image- Auto tone-Auto contrast- Auto color , these tools help us to make change automatically. 2. If Auto function is not the effect we prefer, we can go to Adjustment-level 0r curves , making changing manually.





The effect after Auto function.






  1. Another way adjusting color, contrast, lighting is using adjusting layers .
  2. Here we can use levels or bightness/contrast function
  3. After we create the adjustment layers, right click it, choose create clipping mask which means function will just affect the one layer below.




  • Add people, trees, or other materials. Notice people's scale, position, color saturation and etc..

AI-Overlay linework

  1. Open the exported AI file
  2. set up artboard to 11 x 8.5
  3. Place the jepg file (after PS process)to AI. Create a new layer called background. Put this layer on the bottom.
  4. scale either lineworks or image to merge them together.
  5. notice: embed the image.





  1. According to various design concept, assign different line work and line type to different layers. In this case change the lines in layers: handrail, stairslanding, glass, stairsteps, to Dark gray, 0.2 pt lines
  2. assign layers: site, buildings, columns, backyard, fence to Light gray, 0.35 pt lines

Final compositive rendering

Final compositive render.jpg