Adding Fog Using VRayZDepth Render Pass

Adding Fog Using VRayZDepth Render Pass

January 20, 2010  |  Tips, Tutorials

Here’s a quick and flexible way to emulate the look of fog in the background of an image. I recently used this technique in the visualization of the Agami House in Yaffo. It’s true it might not look real enough but for most cases this really looks good enough and you have the added bonus of fast render and flexible edit inside Photoshop if the client ask for tweaks.

Adding the fog layer

You’ll start with the original render without any fog in it as you see below

agami house fog 0 528x352 Adding Fog Using VRayZDepth Render Pass

Render without any fog

On top of this image you’ll add the fog layer – Full frame of pure white color masked out by the VRayZDepth render pass.

agami house zDepth 528x352 Adding Fog Using VRayZDepth Render Pass

VRayZDepth Render Pass

If you need to adjust the fog location relative to the camera you can play with the ZDepth image levels, instead of re-rendering the image after changing the VRayZDepth parameters, This way you can quicky move the fog in and out as i did in the example below.

agami house zDepth 2 528x352 Adding Fog Using VRayZDepth Render Pass

Getting the fog near camera with levels edit

agami house fog 100 full 528x352 Adding Fog Using VRayZDepth Render Pass

White layer masked out using VRayZDepth on top

But this is not that good since the beautiful sky is now covered with white color. In order to get this right, and actually more true to the way fog behaves in reality, you need to change the pure white layer to a gradient with pure white at the bottom that shifts to transparency as you move up… this way the fog will be limited to near ground areas.

agami house fog 100 528x352 Adding Fog Using VRayZDepth Render Pass

Fog using a gradient instead of pure white layer

You can see above the end result with the fog layer at 100%. You can decrease the impact of this layer to fine tune the general effect, or even mask out specific areas to emphasize exactly what you like.

agami house fog 80 528x352 Adding Fog Using VRayZDepth Render Pass

80% of fog layer

agami house fog 60 528x352 Adding Fog Using VRayZDepth Render Pass

60% of fog layer

agami house fog 40 528x352 Adding Fog Using VRayZDepth Render Pass

40% of fog layer

So, i hope this information was helpful for you in some way. It is my personal take on the subject and if you do things differently and have useful insights please join in and share by commenting below.

If you liked this article, and want to be notified when new posts like this are being published, please consider subscribing to the blog via one or more of the options below. You can also share with others using the Share button.

  • RSS – Get updates as posts get publish.
  • Email Newsletter – Periodic updates plus more :-)
  • Twitter – Updates about the blog and other things too.



6 Comments


  1. Thanks Ronen for the tutorial… glad you put it on your own web. I like the color saturation that makes the image very rich.
    Btw can i link this from my website?

    • Thanks Galaites! Sure you can.

  2. thank you my friend

  3. Thanks a lot man!

  4. Thanks for your sharing. But I’m not familiar with VRayZDepth parameters, is there any good tutorial for this parameter?

    Thanks again.

    • Ronen Bekerman

      This article can help you more about the actual settings.

      http://www.ronenbekerman.com/2d-displacment-texture-map-from-3d-model/

      It’s really as simple as setting 2 values (near & far) to modulate the black to white ration depending on distance.

Trackbacks

  1. A Quick Trick for Adding Fog to a Scene | VizWorld.com
  2. 3D Tool Ticker – Januar 2010 «
  3. Ronen Bekerman’s 3D tutorial on adding Fog using VRayZDepth and Photoshop | JG3D

Leave a Reply

Comment moderation is enabled, no need to resubmit any comments posted.

Recent Posts
Winner Announced: DesignConnected Giveaway

Winner Announced: DesignConnected Giveaway

08/26/2010  |  16 Comments

Last of the giveaways is here! DesignConnected will give one of you lucky followers their chance to pick 15 models more

13 Free Models by DesignConnected

13 Free Models by DesignConnected

08/23/2010  |  7 Comments

The DesignConnected Giveaway will start soon but as a prelude to it, the good people at DesignConnected added this free more

House M Visualization by Bertrand Benoit

House M Visualization by Bertrand Benoit

08/22/2010  |  2 Comments

Bertrand posted two new personal visualization projects he recently finished at the forums. This one is House M by Titus more

Winners Announced: MindMeister Giveaway

Winners Announced: MindMeister Giveaway

08/19/2010  |  3 Comments

The second of the blog's birthday giveaways is here! I'll be giving away 2 months of free premium MindMeister account more