Mist Doesn't Show In Composite

Hi guys,

I’m currently learning about compositing mist, but the settings I see in multiple tutorials I watch, don’t lead to the same result in my case. As you can see from the screenshot below, the node setup everybody does in clips leads to a completely black composite preview and I can’t find the culprit for this:

If I switch the node setup, I get a preview with some fog, but I don’t think it looks the way it should, it lacks depth somehow, plus adjusting the Color Ramp sliders does nothing. I can only reduce/increase the fog from factor of the Mix node:

As you can see, the mist pass starts from 0m and ends up to 118m.

Here’s one of the tutorials I was following.

Could someone give me a hint what might be wrong?

Does the mist show up in the render preview? you can check the passes here.

Something that could potentially mess it up is if you have some transparent objects in front of the camera.

1 Like

Maybe you did not set the mist start and end settings well in the world settings.

This video explains well, the camera and world settings are at the beginning (1.18 on) he also uses a different node setup than the one you use. (I did not watch the one you linked).

1 Like

I link a tutorial I did a while ago to dynamically control the mist pass too.

1 Like

Thanks about this hint. I actually changed the size of the camera and the depth from the World properties to be able to bring the mist after I select only the mist pass from that menu. However, the mist doesn’t get blended into the city model on the combined pass as you can see from the new screens below:

When I render an image though, I can see in the Compositor that the mist is added:

Would I have to change anything else to make it appear in the Layout tab in the combined pass? Or would I just have to render all frames of the animation (if I had any) and the rendered video would have the mist included just like that 1 rendered image?

1 Like

Thanks. It did make some difference when I changed the depth in the World properties. That way I could make the mist more visible in the Layout tab when I select the Mist pass only. However, when I select the combined pass, I don’t see the mist. The city model looks like it’s without it. You can check my other reply to Kamau for reference screenshots.

I did watch another tutorial from Ryan King about the mist. I think the node setup here leads to virtually the same result but I’m no expert. It just seems that instead of connecting the Color Ramp of the mist pass straight to the Viewer node, he just connects it to the Mix Node and connects the Mix node to the Viewer. I don’t know if technically there’s a difference in the final result.

Yup, the mist will render with the animation. Whatever is linked to output “Composite” node is what renders into the final image/video. Doesn’t matter what it looks like in the viewport or the compositor’s “viewer” node.

If you did want to see it in the viewport though, in newer versions of blender you can turn on the compositor here. The results may be inconsistent though, so i’d stick to using the render as a reference.

1 Like

Ah, if you mean in the viewport compositor I am afraid that not all nodes are supported. So the mist is visible in the compositors backdrop and final render but not in view-port.

If you turn on the text info overlay in viewport you will see a warning about this, it pops up when your node setup is not supported.

They are working on the veiwport compositor to enable all nodes and passes but they are doing it one by one so we have to be patient.

Also if you hover over the exclamation mark in the render layers node you will see this warning.

Render passes are visible in Eevee’s view-port compositor (and in material preview which uses Eevee) but not in Cycles.

3 Likes

Thank you all for the help :v: