Create a Vignette in Photoshop

Adding a subtle vignette to your images is a beautiful way to bring the focus to your subject. In this tutorial, I will show you how to easily add a vignette in Photoshop.

What is a Vignette in Photography?

Technically speaking, vignettes are caused by distortion or light "fall off" from your lens, which looks like a darkening or shadow at the corners of your image.  This can be very helpful in drawing your viewer's focus towards your subject in the center of your photo.

In some cases, you may not want to have a vignette in your images: for example, if you are using a solid white background, you'll generally want the white to remain consistent throughout the image, with no shadows/grays in the corners of the image

If, however, your image will benefit from a slight vignette, you can definitely recreate this lens effect in Photoshop. Below are my two favorite ways to achieve a vignette effect in Photoshop.

How to Create a Vignette in Photoshop Using the Gradient Fill Tool

Step 1. Be sure that your foreground color is set to black, because we will be using black as the color for our vignette:

How to make a vignette in Photoshop
Step 2. Apply a vignette using the Gradient Fill, select Layer>New Fill Layer>Gradient:

How to Vignette in Photoshop

Step 3. Press okay here:

Photoshop Vignette Create Vignette in New Layer

Step 4. Check the box next to Reverse to place the vignette on the outside of the image.

Step 5. Make sure that beside the word Gradient, the color goes from transparent to solid black. Then, set the Style to Radial. You can change the Angle settings, but generally 90 degrees works perfectly. You can also set the Scale to change the intensity of the gradient. Subtle is usually best when it comes to vignettes, so I increased the Scale to 347%.

Vignette in Photoshop - How to Adjust Gradient Fill for Vignette

Step 6. Once you add your Photoshop vignette, your image will be slightly darker on the edges, and more than likely, the effect will be too heavy. In order to blend the vignette and for it to appear more natural, change the Blending Mode of your layer to either Soft Light or Overlay, and reduce the opacity:

Add Vignette Photoshop - Reducing the Opacity of Vignette

Here is the before/after using the Gradient Fill tool. As you can see, the effect is minimal, which is generally what you want to strive for with a vignette. You do not want the vignette to stand out at all, you simply want it to make your subject pop!


Vignette Photoshop added to photo of Mother carrying toddler before and after Photoshop vignette added

How to Create a Vignette in Photoshop Using the Lens Correction Filter

You can also use the Lens Correction Filter to add vignettes in Photoshop.

Step 1. Once you have opened your image in PS, duplicate the Background layer, then select Filter>Lens Correction:

Add Vignette Photoshop Using Photoshop Lens Correction Filter to Create Vignette

Step 2. Make sure that all of the Auto Correction boxes are UN-checked. We only want to add a custom vignette, and are not correcting other lens issues here:

How to Add Vignette in Photoshop

Step 3. Click on the Custom tab next to the Auto Correction tab.

Step 4. Take a look at the Vignette module under Custom:

Creating Vignette in Photoshop

For this image, I changed the Vignette settings by pulling the slider to the left, but I also brightened the center by pulling the Midpoint slider to the right. You will need to play around with the two, as the settings will vary from image to image. In some cases, you will need to brighten your midpoint to compensate for the edges of your image, but it does vary from image to image.

If you feel as though the vignette is too heavy, you can either reduce the opacity of your duplicated layer, or you can select Fade Lens Correction:

Photoshop Vignette - Use Fade Lens Correction to Reduce Opacity of Vignette

Here is a before and after of the image with the vignette created using the Photoshop Len Correction Filter:

Photoshop Vignette Added Before and After Photo

As you can see, the this Photoshop vignette is super-subtle, which is generally what you want. If you compare the top-right corners of each image, you can really see the vignette in the after example.

Do you have any questions or comments about adding a Photoshop Vignette?  Leave us a comment below - we would love to hear from you! And please share our tutorial using the social sharing buttons (we really appreciate it)!

If you are interested in actions that will help you create vignettes in Photoshop, be sure to check out our PURE Color Workflow.

Best Photoshop Actions - Pretty Actions

Photoshop Overlays

Comments