Want to master Blender? Click here! and get our E-Book

When you purchase through links on our site, we may earn an affiliate commission. Learn more

Vignette setup in Blender compositor

Vignette can be a nice subtle effect to add to our renders. Blender comes with a compositor that lets us create effects like this but there's no vignette node. So how do we create a vignette effect in Blender?

To create a vignette effect in Blender follow these steps:

  • Go to the compositing workspace and enable use nodes.
  • Go to Add > Search > Ellipse Mask and place it in the graph, add a blur and mix node the same way.
  • Connect the Ellipse Mask Mask out to the Blur image input. Connect the Blur image out to the second input of the mix node. Connect the render layer image out to the first input of the mix node. Connect the mix image out to the composite image in.
  • Set the mix mode to multiply and the blur mode to Fast Gaussian.
  • Adjust the Ellipse Mask width and height until they match the image size or use Width 1 Height 0.5625. Use the same value for blur x and y to smooth out the vignette or use 500 for both. Use the multiply factor to adjust the intensity of the vignette or use 0.5.

In the rest of this article, we'll go into more detail about vignette and why you should use it. will also go over some positives and negatives. Finally, we'll go over how to refine this down to one easily adjustable node.

Why should you use a vignette?

Vignette can help with the look of a render as well as helping us guide the viewers eyes towards a point of interest. Vignette can also be helpful for making a render look realistic.

While Vignette can look good it's important not to make it too intense or so subtle that it isn't visible. If the vignette is too intense it'll become distracting and take away from the render. At the same time we need to make sure it's intense enough to actually be visible.

In the guide we go over how to add a vignette in the compositor but this isn't strictly necessary for creating a vignette effect. We can also create a natural vignette in the scene by lighting it so that the focal point is brighter than it's surroundings.

A vignette setup with more control

There are a few changes we can make to our node setup to make our vignette easier to control and more simplified.

Feel free to reorganize the inputs or rename them to whatever you think makes the most sense in the examples below. Make sure to keep the mix nodes order the same as they are in the example though or the vignette will not work properly.

Setting up viewer node

  • Go to Add > Search > Viewer and place the node in the graph.
  • Take the output that's going to the Composite Image in and connect it to the viewer image in so that they are both connected.
  • Press N to open the properties window on the right then go to the view tab and make sure backdrop is enabled and then click on fit.

The viewer node will allow us to quickly preview changes. This allows to much more quickly configure the vignette to what we want it to look like.

Note that we'll need to render the scene first before the viewer will become active.

Creating a node group

To create a group follow these steps:

  • Hold shift and right click on a node to select it
  • Keep holding shift and right click on another node to add it to the selection. Do this for the Ellipse Mask, Blur, and Mix nodes.
  • Once you have all of these nodes selected Press Ctrl + G to group the nodes.

Related content: How to work with node groups in Blender

Once our nodes are grouped we can press tab to exit the group and then if we select the group node and press tab we can enter the group again.

Each input we add inside of the group will show on the node just like the other nodes in Blender. This lets us control a bunch of different variables directly from the group node instead of having to go inside it adjust each node in the group individually.

Adjusting vignette scale

To make the scale of the vignette adjustable follow these steps:

  • Inside of the group go to Add > Search > Scale and place it in the graph. Connect the Ellipse mask mask out to the scale Image in then connect the scale Image out to the Blur image in.
  • find the group input image out, under this you should see a gray unlabeled node. drag from this node to the Scale X value.
  • Press N to bring up the properties panel on the right if it isn't open already then go to Group > Inputs and select X and change the name to scale.
  • Drag from the scale node on our group input to the Y value of the Scale node so that both the X and Y are controlled by the scale value.
  • drag from the unlabeled gray node on the group input to the size input on the Blur node.
  • In the properties panel rename the new input to Blur size.

The reason we use a scale node to set this up is because the mask node doesn't let us adjust the with and height using its inputs. The scale node works just fine for this though and basically achieves the same effect.

We also set the blur node size in x and y to 500 so that the blur is already close to what would be used and we can use the size value for fine adjustment. Feel free to change this if it isn't intuitive.

Changing vignette color and intensity

  • inside the group disconnect the blur node image out and connect the group input image to the second input of the mix node.
  • Drag from the unlabeled gray node on the group input to the first input of the mix node.
  • Press N to open the properties window and in the group tab rename the input we just created to Color.
  • Go to Add > Search > Mix and place it in the graph.
  • Drag from the unlabeled node on the group input to the factor input of the new mix node. Connect the Blur Image out to the second image in of the new mix node on the first input click on the color and in HSV make sure the value is set to 1.
  • In the properties window rename the new input to Intensity.
  • Drag the new mix node out to the original mix nodes factor input.

Note that in this example I used reroute nodes to organize the graph a bit. I also used their label text to show where each wire is coming from when needed.

With everything setup now we've simplified this effect down to one node that we can easily adjust and we can use reuse in multiple renders.

Possible adjustments for the node group

One thing we could change about this setup is using a box mask instead of an ellipse mask. This is up to you but if you want a vignette effect that surrounds the whole image use the box mask node. Just make sure to copy over the settings and connect it to the same inputs.

For the blur we set the mode to Fast Gaussian, we can achieve a better quality blur by setting this back to Gaussian but in the example, we use fast since we're working with such large blur values that would take longer to process if we had the mode set to Gaussian.

We can also just set it back to Gaussian once we're ready for the final render and we're done previewing changes.

Final thoughts

Vignette can be a nice artistic effect to add to a render, it can also help with realism. With the example above we can add this effect directly in Blender.

The basic example we setup in the beginning is pretty versatile and should be adjustable enough to work in most scenes.

With the more adjustable vignette setup we can fine tune it even more if needed and it should be much more reusable and versatile. We could also expand on the example setup to achieve whatever kind of look we're going for.

Thank you for your time.

Written by: Damian Paterson

Editor & Publisher

Erik Selin
3D artist, writer, and owner of artisticrender.com

My top product picks for Blender artists

Recent posts

Subscribe!

Subscribers to our newsletter enjoy more value! How about a collection of 40 HDRI skies for free!

Recent posts

Subscribe to our E-Mails

Subscribers to our newsletter enjoy more value! How about a collection of 40 HDRI skies for free!
We don’t spam! Read our privacy policy for more info.