New Course: Lightroom Mastery - 50% Off

Learn More

4 Quick Ways to Add a Vignette to Your Images in Post-Processing

0Comments

What is a vignette?

way-to-add-vignette-tutorial
The word vignette comes from the root word vine, which originally was taken to mean a decorative border on a page. In photography, this translates to a border around the edge of the image. This border is caused by a reduction of light from the center of the image, or a light fall-off. Light fall-off can be due to a variety of reasons: the amount of light hitting the sensor, the type of lens used, or an intentional addition in post-production. This article will focus on the latter.

In adding vignettes in post-processing, you have two choices: darker or lighter, and soft-gradual or hard-edge.

Why add a vignette?

way-to-add-vignette-tutorial

The addition of a vignette in post-processing comes down to your personal taste. It would also largely depend on your photography style, and the type of image you are editing. Generally speaking, high-key images do not need a dark vignette. If you want to add a vignette to bright images, most often a lighter one looks better, but I would still be very careful about adding one.

A vignette helps draw the viewer’s eye to the center of the image. This is particularly useful if the image has plenty of clutter, or distracting elements around the edges. Similarly, if the edges are pretty bare which makes the image look flat, a vignette adds an illusion of foreground, or another layer to the image, giving it more depth.

Be gentle and sparing when adding a vignette, it can enhance or ruin an image. What works often, and best, is a gradual and very subtle vignette, especially for portraits. More exaggerated vignetting may be required on some artistic images – the choice is yours. If you want to add a spotlight effect to an image, then adding vignettes can be essential. A hard-edged vignette, if done unintentionally, makes your image look like a view through a periscope and can burn your image, like a moth to a flame.

Here are four quick ways to add a vignette

In Adobe Camera Raw

The quickest and easiest way to add a gradual and gentle vignette in your image is via Adobe Camera Raw (this works in both Photoshop and Lightroom).  My previous article on batch editing with Bridge and Adobe Camera Raw explains how you can open your file in Camera Raw and make your initial edits.

1. Using the lens correction tab

On the image below, you will see the lens vignetting slider under the lens correction tab. Move the sliders along to add, and remove vignettes to your image, according to taste.

way-to-add-vignette-tutorial

2. Using the radial filter tool

You can also add a dark or light vignette using the radial filter tool. On the adjustments panel, you need to specify where you want the vignette added – whether inside or outside the radius, then adjust the exposure to lighten or darken the vignette (with this method you can even add blur, lower highlight, or change the color of it if you like – anything on the sliders). This is a really handy feature in ACR because it acts like a layer mask, although you can’t easily do fine tuning with this tool like you can in Photoshop.

way-to-add-vignette-tutorial

Below is an image with a pretty dark and heavy vignette. In my opinion it’s too much, and takes away from the image, rather than enhancing it.

way-to-add-vignette-tutorial

Below is the same image with a bright vignette; this doesn’t look right to me at all.

way-to-add-vignette-tutorial

On this version below, I think the vignetting is just right, as it enhances the natural look of the photograph, which was my aim.

way-to-add-vignette-tutorial

In Adobe Photoshop

If you skip Adobe Camera Raw and open your file in Photoshop, there many ways to add a vignette. Below are the two quickest ways I have found. Before attempting to add a vignette in Photoshop, in order to perform non-destructive edits to your images, I recommend you learn to use layers and masks.

1. Using blend modes

The first quick way  of adding vignettes in Photoshop that I found is by duplicating the background layer using CMD/CNTRL + J. You need to make all your adjustments on the layers above your background layer, in this case the duplicated layer, so that your original file is safe and untouched.

way-to-add-vignette-tutorial

With your duplicate layer selected, change the mode to darken or multiply to add a dark vignette, or to screen or lighten to add a light vignette. Now add a layer mask to the duplicate layer. If you choose to paint the vignette on, make sure the mask is blacked out. Select a big soft brush, using the brush tool set to a very low opacity, and paint with white on the vignette around the edges.

Alternatively, you can choose to remove the vignette instead of painting it on, which in this case would be my preference. With your duplicate layer superimposed on the background layer, add a white layer mask. Choose a big soft brush set to a higher opacity and start painting the layer mask black, starting from the middle and ever so gently radiating outwards until all the vignette is removed from the center, and only a touch on the edges is left. Adjust the opacity of the layer to suit your taste.

Below are two examples of exaggerated vignetting added in Photoshop using this method.

way-to-add-vignette-tutorial

way-to-add-vignette-tutorial

Manually painting, or removing the vignette by hand, gives you flexibility as to where to apply the vignette, how far in, and to what degree, depending on what’s required for each image.

2. Using a solid color layer

Another quick way is to add a solid color. This method allows you to be more experimental, as it’s very easy to change the colors with a click of the eyedropper tool.

way-to-add-vignette-tutorial

The solid color will sit on top of your image, so all you will see is a flat rectangular block of color. You need to add a layer mask, and start removing some of the color beginning at the center and radiating outwards. Again, use a soft large black brush to remove the color. If you do this kind of vignetting, as in the two images below, it has to be intentional as these do not give you a natural look to the images at all. They may work for a scrapbook, or other specific purposes, but this is not the look I would give to my clients.

way-to-add-vignette-tutorial

On the image below, the vignette was added using the same solid color method as above. You can then play around with the blend modes to see what looks best.

biege - color-burn

This was done using the same solid color as above but Color Burn Blend Mode.

way-to-add-vignette-tutorial

This one is done with a black solid color added, masked, and Overlay Blend Mode with the layer at 80% opacity.

This one is done with a black solid color added, masked, and Overlay Blend Mode with the layer at 80% opacity.

You can also make shapes as vignettes, using the marquee tool.  The elliptical marquee tool was used for the image below, creating a hard-edged vignette. Make your shape by dragging this tool on your image, and you will see marching ants around the shape you have just created. You must immediately invert it using CMD/CNTRL + shift + I so the outside of the shape will be selected and would now be the area surrounded by the marching ants (as below).

elliptical marquee

Click on the solid color icon and select a color. A new layer with your shape filled with the solid color will automatically be created. Select this layer and play around the the blend modes and the layer opacity. You will see below what the Divide, Color Burn and Overlay modes look like.

Color Burn Blend Mode

Color Burn Blend Mode

Divide Blend Mode

Divide Blend Mode

Overlay Blend Mode

Overlay Blend Mode

You will want to feather the mask on your color layer, or blend the edges manually using the brush tool so that you do not see the edge of the vignette so well-defined. I’ve left it like this for demonstration purposes so you can see what the vignette layer is doing.

Below is the final image with only a hint of vignette on the edges, just to take the edge off the brightness of the scene.

way-to-add-vignette-tutorial

I hope this tutorial has given you some new ideas on how to enhance your images using vignettes. Do you have other quick ways of adding vignettes to your images? Share them here.

Read more from our Post Production category

Lily Sawyer is a wedding and portrait photographer based in London. Her absolute favourite past time is going on "mummy" dates with her kids and husband. Other than that, as a homebody, she is content curled up on the sofa, hot chocolate in hand, watching films with her family whenever she has a free weekend. Check out her work on www.lilysawyer.com Follow her on her fave social media platform Instagram.

  • naseer

    Your blog theme is so attractive just like my girl friend because you have used natural blood color. Love should be expressed in a natural and romantic way. Lovers can die but Love can’t.We are new online bidding service where investors can login and bid on Foreclosure Real Estate Properties in Arizona going to auction every day. Here you are guided for Real estate investment fund foreclosures REO services trustee auctions distressed property Arizona.http://educationworld1.co.nf/

  • naseer

    I am glad to read your blog and liked image of students standing in snow fall specially. I need more blogs of such kind. The way you are using to convey your message is great and impressive.
    http://educationworld1.co.nf/

  • Ruth7688

    I currently profit in the range of 6-8 thousand bucks every month doing an online job. So if you are looking to do basic at home work for 2-5 h each day from your house and make solid payment while doing it… This is a work for you… http://self97.com

    wxsdasxdx

  • ada.cobb

    I basically make in the range of six to eight thousand bucks /a month from freelancing online. If you are looking to work easy computer-based work for 2h-5h /day at your house and get valuable income while doing it… Then this job is for you… SELF98.COM

  • theresa.hereford

    I currently get paid around $6,000-$8,000 a month from freelancing online. So if you are prepared to work basic at home jobs for few h each day from your home and get valuable payment while doing it… This is a work for you… http://fave.co/20SR7Wt

Join Our Email Newsletter

Thanks for subscribing!


DPS offers a free weekly newsletter with: 
1. new photography tutorials and tips
2. latest photography assignments
3. photo competitions and prizes

Enter your email below to subscribe.
Email:
 
 
Get DAILY free tips, news and reviews via our RSS feed