How to Vignette a Photo

Comments: 9

Post Teaser Image

For this vignetting treatment, we’ll be darkening the edges of a photograph. This is a quick and easy tutorial!

Final Image Preview


Starter Image

I’ve adjusted an image of Megan Fox for use in this tutorial:

The Process

  1. Create a new layer above your photograph. Name it Vignette.
  2. Select the Elliptical Marquee Tool from the Tools window.
  3. Click and drag from the top-left corner of the image to the bottom-right corner of the image.
  4. Select the inverse of your new oval by going to Select » Inverse.
  5. Feather your new selection by going to Select » Modify » Feather.
  6. In the Feather Selection dialog box, type in 50px. (You may increase or decrease this number as necessary based on the size of your photo.)
  7. Change your foreground color to black (hex value: #000000).
  8. Select the Paint Bucket Tool from the Tools window.
  9. Click anywhere on the layer with your feathered selection still active to darken the edges.
  10. Adjust the Opacity of the layer (at the top of the Layers panel) to 70%.

Final Image

Allison House

Comments

02/3/2009
4:35 PM

thank you so much i will try it on my email signture http://www.photoshopna.com

02/5/2009
12:08 PM

Although this is not incorrect in any way it is quite basic.

Sometimes that is all you need.

Other times you want a bit more. You can try some of the following alternative methods.

use the lasso to create a vague surround instead of the elipse. Then repeat feathering actions.
paint bucket black after inverting the selection so you only get the outer part.

Apply soft or hardlight as a blending method then adjust opacity to wherever it looks right.

You can also duplicate the image layer and use a small guassian blur – around 5px would suffice. And then mask it with the vignette layer.

Thas add a reduced definition under the shading increasing the appeal of the image effect.

02/5/2009
2:03 PM

Thanks for the comment, Avangelist. This one was purposely filed under ‘Basics’ at the request of one of my readers, a completely new Photoshop user who wanted the fastest, simplest way to create such an effect. However, you list some great ways to achieve a more advanced version!

04/2/2009
7:24 PM

Vignettes are a great technique to add more drama to your photos. This is a really nice tutorial, definitely something for beginners to practice and learn. Thanks for posting this! Excellent work as always!

04/20/2009
12:37 PM

Great tut! I find a realistic vignette on a color photograph can be slightly trickier to get right

http://www.digitalartform.com/archives/2009/04/real-vs-fake-ph.html

bne
08/4/2009
4:17 AM

one of the ways, but much faster is to actually add vignete with lens correction :)

10/10/2009
10:02 PM

Cite the exact studies and science that ever claimed different. ,

John
02/12/2010
11:56 PM

Thanks very much

02/13/2010
8:59 PM

it’s nice tutorial. I have just one comment . If u just adjust Megan Fox her her portrait I mean if you add a new layer and if you used Color Dodge or Color Burn and u reduced the opacity to 35% sure you will have a great result.. Anyway Nice tutorial ..

Post a Comment

Required fields are marked with . Inflammatory comments will be removed. Your courtesy is appreciated!