vignette photo of pretty woman with Kate Texture Abstract Steel-gray Lines for Photography

6 Methods to Create Vignette in Photoshop: Step-by-Step Tutorials

Adding vignettes is one of the most effective edits to improve an image's composition and lighting. A vignette in Photoshop will capture the viewer's attention if you want to create a subdued appearance in your photographs.

In this article, we'll go through six different approaches to making a vignette in Photoshop. These techniques are straightforward, simple to use, and excellent for producing a vignette effect that can be modified. By the time you're done, you'll be able to quickly and effortlessly add a vignette to any digital photo.

Creating a Vignette in Photoshop

Method 1: Filling with Black

photoshop tutorial of creating vignette

While using this method, a new layer should be created and filled with black.

photoshop tutorial of creating vignette

In the Layers panel, set the opacity to 50%. Choose a soft round brush and the eraser tool (E). Simply enlarge the brush and remove a portion of the black layer to unveil the image behind it.

photoshop tutorial of creating vignette

The simplicity of this approach makes it one of the least flexible in terms of post-production editing.

photoshop tutorial of creating vignette

Method 2: Filling with Black and Masking

In order to use this technique, you must add a new layer, cover it with a solid black color, and then press Alt + Backspace for the foreground color or Ctrl + Backspace for the background color. The D key will reset the background and foreground colors to their default settings.

photoshop tutorial of creating vignette

Add a new mask to the layer once you've added the new layer. Using the layer selected, click on the mask icon in the bottom left corner of the layers panel.

photoshop tutorial of creating vignette

Next, choose a brush and set the color to black. Again, you can do this from the layers panel. Next, brush through the areas of the frame you would like to reveal more, which is typically the middle of the frame, with the brush's opacity set to 50% or lower.

photoshop tutorial of creating vignette

Reduce the layer's opacity once you're finished. To enhance the contrast and impact of the frame, you may also switch the blend option to luminosity.

Method 3: By Use of Levels or Curves and Mask

By creating a curve, exposure, or levels adjustment layer in Photoshop, you can make a vignette using the described method.

photoshop tutorial of creating vignette

Pull the curves downwards from the center to the level of darkness you'll need at the edges using a Curves adjustment layer.

photoshop tutorial of creating vignette

To achieve the desired "darkness" level close to the edge of the image while using a Levels adjustment layer, you must move the whites or the mid-tones toward the black side of the image.

photoshop tutorial of creating vignette

The following step is identical to utilizing the Fill Color approach above once it has been accomplished. To uncover the original image, you must apply a mask and then use the brush tool. Then, you may intuitively modify the opacity of the levels or curves layer as necessary.

Method 4: Use Photoshop Layer Styles, Inner Glow

Using this method, a new layer is created and filled with black.

photoshop tutorial of creating vignette

In the Layers panel, reduce the Fill to 0%.

photoshop tutorial of creating vignette

Double-click the layer name in the Layers panel to activate the Inner Glow effect to bring up the Layer Style dialog.

photoshop tutorial of creating vignette

Utilize the subsequent layer style options, modifying the size to match your unique image. Although the size of the image restricts this strategy, you can still modify your vignette after the fact.

Method 5: Utilize Gradient Overlay and Layer Styles in Photoshop

A new layer is created and filled with black, or this method. In the Layers panel, reduce the Fill to 0%.

photoshop tutorial of creating vignette

To enable the Gradient Overlay effect, activate the Layer Style dialog by clicking twice on the layer name in the Layers panel. Apply the layer style settings that follow.

photoshop tutorial of creating vignette

You can click and drag to reposition the vignette's center while the Layer Style dialog is still open on your image. This approach allows you to later modify your vignette and is comparatively simple.

photoshop tutorial of creating vignette

Method 6: Using The Shape Tool; Ellipse Tool

This method uses the ellipse tool, so on the toolbar click and hold and choose the ellipse tool.

photoshop tutorial of creating vignette

Ensure that the shape is selected then draw an ellipse around the same size as the canvas.

photoshop tutorial of creating vignette

Click A to choose the direct selection tool and then click Vector Path.

photoshop tutorial of creating vignette

Under Path Operations, choose subtract front shape.

photoshop tutorial of creating vignette

This is going to make black appear on the outside of the vector shape.

photoshop tutorial of creating vignette Under the Properties Panel, increase the feather. You will notice that the edges of the vector shape will become blurred. 

To achieve the overall effect, proceed to change the blend mode and opacity.

photoshop tutorial of creating vignette

If you want a different color for your Vignette, double-click the layer thumbnail and choose your preferred color.  

photoshop tutorial of creating vignette

Conclusion

In Photoshop, there are different ways to make a vignette. It's not difficult to add vignettes to your images in Photoshop. So launch Photoshop and open a few of your favorite pictures. Check out how they seem with vignettes because even a small vignette can dramatically alter a scene.

The best vignette, though, emphasizes the subject rather than the effect. The vignette will lose its impact if you make it too dark. Try out various shapes and colors based on the photo you're taking and the subject's position.

Image Credit: youtube.com

If you like this article, please share it! Be sure to join our FB Group: https://www.facebook.com/groups/Katebackdrops/ to share your ideas! You can also receive free articles, updates as well as discounts information from https://www.katebackdrop.com/ and our FB Group.

Back to blog