X

BLOG

24. 8 Ways to Vignette in Photoshop Elements

  • Subtle Vignette– Use the Rectangular  or Elliptical Marquee Tool to select the central portion of your photo and invert the selection (Shift+Control+I).  Apply a high amount of feathering (75 – 150 pixels maybe).  Copy this selection to a new layer and change the Blend Mode to Multiply.
  • Basic Vignette– Press D to set your colors to Default black and white and make sure that black is the foreground color.  Use the Rectangular or Elliptical Marquee Tool to select the central portion of your photo.  Invert the selection (Shift+Control+I).  Apply a high feather (try 75 – 150 pixels again).  Create a new layer and fill the selection with black (Alt+backspace).
  • Variation on Basic Vignette – Instead of black, sample a color from your image or use a complimentary color to fill the vignette with.  Midnight blue works nicely sometimes!  Or the green from my daughter’s Christmas pajamas:

Photoshop Elements Color Vignette

  • Gauzy Vignette – Use a Marquee tool or make an exact selection of the subject of your picture, invert (Shift+Control+I), feather just a bit, copy the selection to a new layer, and Gaussian blur the bejeezus out of this layer (Filter Menu/Blur/Gaussian/20-50 pixels).

    Photoshop Elements Gauzy Vignette

  • Adjustable Vignette– Create a new layer and fill it with 50% gray (Edit Menu/Fill Layer/Contents Drop-Down Menu).  Change the layer’s Blend Mode to overlay.  Use a soft round brush at medium to high opacity to darken corners, edges and other less important parts of your image.
  • Correct Camera Distortion – Go to the Filter Menu and select Correct Camera Distortion.  (In Photoshop CS4, this is Filter Menu/Distort/Lens Correction.)  In the Vignette section, move the amount slider to the left to create a vignette.  Or, if you want to remove a vignette created by your camera, move the slider to the right.  Thanks to Callie C for reminding me of this method!
  • Great & Easy Vignette Effect – Press D (and X if necessary) to set your foreground color to black.  Add a Gradient Adjustment layer (which isn’t the same as the Gradient Map).  Double click on the gradient box and choose the Foreground to Transparent gradient.  Make the Style Radial, Scale 150% and turn on the check marks in the Reverse and Align with Layer boxes.  Click OK and change the Blending Mode of this layer to either Soft Light, Multiply or Overlay.   This method is via Rita from CoffeeShop!

Gradient Fill - Photoshop Elements

Remember that you can adjust the layer’s opacity to make the vignette more natural with any of these methods (except for Correct Camera Distortion).

12 Comments

  1. 8 Ways to Vignette in Photoshop Elements | Digital Photography for Moms Says :
    Posted on February 27, 2009 at 8:32 pm

    […] I’ve discovered two more easy methods to add a vignette to your image and have updated the tutorial accordingly.  So, if you read my December post, skip ahead to the last two Vignette ideas.  […]

  2. Rounded Vignette Tutorial for Lightroom and Photoshop | Digital Photography for Moms Says :
    Posted on June 20, 2009 at 7:25 am

    […] for those of you who don’t have Lightroom, this method from my post on 8 Ways to Vignette in Photoshop Elements will work for […]

  3. april francom Says :
    Posted on December 13, 2009 at 10:41 am

    I just bought photoshop elements 8 and I was wondering if you could tell me how or point me in the right direction as to how to distress my photos. I would like them to have that sratchy, old, distressed look. Thanks!!

    • admin
      Posted on December 13, 2009 at 1:48 pm

      April, check out CoffeeShop Free Actions for photoshop elements. Rita has some great vintage actions that might help.

  4. janae lee
    Posted on June 19, 2010 at 2:30 pm

    I am looking for a tutorial to show me– or even just advise for portable outdoor lighting options. I do all of my work outside and want to step it up a notch. also, some say to just bump up my fstop or ap and or bump my WB balance. AHHHH! what????

  5. Tammy
    Posted on August 19, 2010 at 12:27 am

    Hi, just went through your steps for vignetting. On a whim I decided to try to adjust the vignette on the “correct camera distortion.” What I found is that if you:
    1) fill a new layer with white,
    2) apply the filter to that layer,
    3) change the blend mode to Multiply,
    then you can change the opacity of the vignette. Granted, the change is kind of subtle, but I guess if you duplicated the layer, you could play with it a little more.

    So glad I found this tut…now I have more than one way to do this!

    thanks!
    Tammy

  6. Tammy
    Posted on August 19, 2010 at 12:35 am

    oops, went too fast!
    If you then invert (ctrl + i) the new layer and then change the blend mode to Screen, it changes the vignette to white! Woo hoo! I’m learning.

  7. Yvonne Rogers
    Posted on February 17, 2011 at 5:00 pm

    I used the great and easy vinette effect, it was easy and looked great however when I printed it on my printer there was gray hue lined on the photo. Any reason why?

    • admin
      Posted on February 17, 2011 at 5:02 pm

      Yvonne, you might need to calibrate your monitor or clean your print heads.

  8. Erick
    Posted on October 17, 2011 at 6:23 pm

    When you guys launch for iPad 2 i really need phothshop at this level!

  9. john
    Posted on October 17, 2011 at 8:54 pm

    hi! good day to you, i’m a newbie and want to learn more about using PSE in picture editing, just want to ask a favor, if you can send me a video tutorial about the PSE it’s big help for me, thank you very much. God bless you! :)

  10. Film Noir | luophotography Says :
    Posted on May 6, 2013 at 9:15 am

    […] can have more control over the opacity, color, darkness, and lightness. I found this great website HERE that shows you how to create eight different types of vignette effect using Photoshop. Before […]

Leave a reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>