HDR Cookbook – Adding a Vignette Effect

A photo with vignette effect (click to get details)

Vignetting is usually perceived as an undesirable effect of some lenses that darken the corners of the image. Sometimes, however, this effect can improve an image considerably by adding depth and by focusing the viewer’s attention. There are ways of adding a vignette in post-processing. For example, you can use Adobe Camera Raw or the Lens Distortion Filter in Photoshop to do this. However, this affects the image directly and cannot be changed or undone later. Thus, it is destructive. But there is also a very simple method for adding a vignette effect on a separate layer such that it can be switched on or off irrespective of the work that you do on the other layers. Its intensity can be easily adjusted through the layer opacity setting. In this recipe, you will learn how to apply a vignette to your images.

Requirements and Assumptions

I assume that you have already completed

1. any transformation work (rotation, distortion, etc)
2. the cropping of the image.

Either of the two will require that you redo the vignetting.

Overview

Here is a more recent video tutorial on vignette creation. It describes the same technique in more detail.

The process has the following general steps:

1. We create a black fill layer and cut out an oval in the middle using a layer mask. This creates the basis for the darkening of the corners.
2. We apply a large amount of blur to the layer mask to create a smooth transition.
3. We lower the opacity of the fill layer to get a more subtle effect.

Detailed Process

1. Create a new fill layer via the menu “Layer > New Fill Layer > Solid Color…”. When you get to select a color, make it a solid black. In the example image, I created a vignette group for hosting the fill layer. I do this for structuring the project.
   

   Black fill layer added (inside its own group)

2. Remove the layer mask from the fill layer if there is one.
3. Choose the “Elliptical Marquee Tool” from the tools palette. Move the mouse pointer to the upper left corner of the image, click, drag to the lower right corner and release the mouse button. This will create an oval selection over the entire image. Letting the selection touch the four edges of the image is usually a good choice. Making a smaller selection (further away from the edges) makes the vignette larger and more visible. You should experiment to find the best selection for your image.
   

   “Elliptical Marquee Tool”

4. Turn the selection into a mask using the “Add layer mask” button.
5. Click on the new mask to select it, and invert the mask by pressing Ctrl-I. Now you have an oval hole through which you can see your image while the corners are solid black.
   

   After creating the layer mask and inverting it

6. Next, apply the Gaussian Blur filter (“Filter > Blur > Gaussian Blur…”) with a radius of 250 (maximum possible value) to the mask. Be sure to select the mask before applying the filter (selected masks have a white border around them).
7. After the filter has been applied, apply it a second time by pressing Ctrl-F (shortcut for applying the last filter again). Now your image is darker in the corners but you can see all the pixels of the original image and you have a very smooth transition from the dark corners to the middle of the image.
8. Adjust the opacity (top right in the Layers palette) of the fill layer to a value between 30 and 60%. This will reduce the effect and make it more subtle. Remember, all we want is to direct the viewer’s attention to the middle of the image. He/she should not immediately notice the darker corners.
9. DONE

Tips

1. You can place the vignette layer freely in the layer stack. It does not necessarily need to be at the top. In the example, I eventually moved it below the layer containing the sculpture. The effect is that the sculpture is not darkened at all. This may be useful for emphasizing the central element (in this case the sculpture) even more.
2. The shape of the selection can be arbitrary. Try using a rectangle, for example, if that suits the image better.

Just experiment a bit.

Please Refer to This Page!

Did you find this tutorial helpful? Did you use it in your work? Then there is a simple way of giving something back to me:

Please refer to this page when presenting your work online. You can simply use the following HTML code in your image description to refer to this site in a way that you think is appropriate:

<a href=”http://farbspiel-photo.com/”>HDR Cookbook</a>

Why should you bother to refer to this page? Well, for you it is a convenient way of revealing information about your work. And you know, the more information you give, the more attention you get. You do not need to write a whole novel because I already did this for you here. For me, the reference is beneficial because it generates some attention for this cookbook.

So, you see that referring to this page is good for both of us – a real win-win situation.

Thanks!

Posts you may also like:

HDR Cookbook – Adding a Frame to Your Image HDR Cookbook – Reducing Halos HDR Cookbook - Sharpening HDR Cookbook – Fixing Uneven Luminance