Shop Amazon's Best Sellers in Camera & Photo

Photoshop tutorial: Vignette

How to create a low and high key vignette in Photoshop.

| Adobe Photoshop

Step 1: Pick a photo

Choose a suitable photo. For a high key vignette make sure the surrounds have lighter tones and for a low key vignette choose a shot with a darker background.

Photoshop tutorial: Vignette: Start image before vignette was added

Step 2: Make a selection

Select the Elliptical Marquee tool and click to the top of where you want the vignette to start and drag the shape out until it surrounds your subject. When you let go you'll have a circular line of 'marching ants' which you can click in the middle of, holding down the mouse, to move it around the photo.

Photoshop tutorial: Vignette: make a selection

Step 3: Inverse

At the moment our subject is selected but we want to inverse this and select the background. To do this go to Select>Inverse. This will now have caused the 'marching ants' to surround the outside of the photo as well as your subject.
Photoshop tutorial: Vignette: Inverse selection

Step 4: Feather

If we created the vignette without feathering the edges of the selection it would be too hard so to soften it go to Select>Modify>Feather. The bigger the image you're working on the larger the amount you enter in the Feather Radius box will need to be.

Photoshop tutorial: Vignette: Feather the selection

Step 5: Create the vignette

The quickest way to create a vignette is to click on the black & white circle at the bottom of the layers palette and select hue/saturation. You can go to Image>Adjustment>Hue/Saturation but by creating an adjustment layer you can continue to edit your vignette after you've applied the changes. When the new window opens, drag the Lightness slider across to the right if you want a light vignette and to the left if you want a dark one. The more you pull it to the right the lighter it will be and the more you slide the marker to the left the darker the vignette will get.

Photoshop tutorial: Vignette: Creating a light vignette

That's all there is to it.

To see how we converted the colour image to black and white see our tutorial on Gradient Maps.  

Finished images:

Photoshop tutorial: Vignette: Light Vignette Added
Above: Light Vignette.
Photoshop tutorial: Vignette: Dark Vignette Added
Above: Dark Vignette Added.
Find the tripod and camera bag to suit your needs at

Photoshop tutorial: Vignette:

Photoshop tutorial: Vignette:

MPB Start Shopping

Support this site by making a Donation, purchasing Plus Membership, or shopping with one of our affiliates: Amazon UK, Amazon US, Amazon CA, ebay UK, MPB. It doesn't cost you anything extra when you use these links, but it does support the site, helping keep ePHOTOzine free to use, thank you.


Other articles you might find interesting...

22 Top Books For Learning Adobe Photoshop
Adobe Photoshop And Adobe Lightroom 2022 Major Update Arrives
Photoshop For iPad Update Brings It One Step Closer To The D...
5 Top Photoshop Tutorials: How To Use Clone, Repair And Heal...
How To Turn Your Own Signature Into A Watermark In Photoshop
Adobe Photoshop & Lightroom Get Major Updates, Plus Photosho...
Adobe Camera Raw Is Coming Soon To Photoshop iPad
Adobe Releases Major Photoshop Update With Sky Replacement E...

There are no comments here! Be the first!

Sign In

You must be a member to leave a comment.

ePHOTOzine, the web's friendliest photography community.

Join For Free

Upload photos, chat with photographers, win prizes and much more.