Photography ~ How To Create White Vignette

how to add white misty border to a picture Photoshop tutorial

Because many of you, my dear readers, liked my last article on adding more light to your pictures during these tough months of winter, I decided to share another one of my light finding tricks with you.

I call it ‘white vignette’, despite the fact that the word vignette is usually used to describe dark blurred border around the picture.

I like adding dark vignette to my pictures. I find them cute because they nicely draw attention to the center of an image. I even wrote a tutorial about it once.  But my winter photos, oh my winter photos do not need it that much, they need more light, that’s what they need.

Long story short, one day it occurred to me that  – maybe – if I used white color instead of black one while creating the vignette, it could help my darker pictures to look better.

I liked the idea, and I loved the result.

Just have a look…

 

how to add white misty border to a picture Photoshop tutorial

This is the before picture.

When I was taking this picture, the display of my camera was saying it looked alright and that it was properly exposed.

But I did not think so when I saw it on the screen of my laptop.

 

 

how to add white misty border to a picture Photoshop tutorial, unsharp mask to add contrast, sharpening with unsharp mask, light with levels

This is the same picture after a little bit of editing in Photoshop Elements 8 has been done (no vignette yet).

Much better, I think.

I corrected exposure with levels (tutorial here).

I improved contrast with unsharp mask (tutorial here).

And I sharpened the picture a little (tutorial here).

 

 

how to add white misty border to a picture Photoshop tutorial, white vignette

And then I added my white vignette.

I like how it creates an illusion of more light coming in.

These are the steps that I took:

 

how to add white misty border to a picture Photoshop tutorial, elliptical marquee tool

Step 1: Open the picture in your photo editing program. I am using Photoshop Elements 8 here.

Step  2: Click the ‘Create a new layer’ at the bottom of the Layers palette.

A new layer will open. Keep it highlighted.

 

 

how to add white misty border to a picture Photoshop tutorial, new transparent layer, elliptical marquee tool

Step 3:

  •  In the left-hand tools palette, click the Elliptical Marquee Tool (if the Rectangular Marquee Tool is preset then right-click on your mouse and choose the elliptical shape. Also, have a look at how the ‘feathering’ is set in the upper bar. I had it set to 5. It will determine how strong and defined the border of the vignette will be.
  •  Click and drag over the picture to create an oval shape.

 

 

how to add white misty blurred border to a picture with photoshop tutorial, how to set foreground and background colors to black and white, how to use bucket fill tool in Photoshop

Step 4: Click SELECT -> INVERSE to invert your selection so the border area is selected .

You will see ‘marching ants’ around your picture now.

 

 

how to add white blurred border to an image in Photoshop, white vignette, how to change foreground and background colors in Photoshop, how to swith foreground and background colors in Photoshop, how to use Pain Bucket Tool

Step 5:

  •  Make sure that the foreground color is set to white (if not then just click the letter ‘D’ on your keyboard and then the letter ‘X’).
  • In the left-hand tools palette, click the Paint Bucket Tool.
  • Click anywhere on the border area to fill it with white.

 

how to add white misty blurred border to a picture with photoshop tutorial, how to set use Gaussian Blur Filter in Photoshop

Step 6: Now click SELECT -> DESELECT at the top of your screen.

Step 7: Then go to FILTER -> BLUR -> GAUSSIAN BLUR (at the top of your screen) and move the radius slider until you like the blurring effect. This step will blur the edge of the border and soften it.

 

 

how to add white misty blurred border to a picture with photoshop tutorial, how to change opacity of a layer

Step 8: And finally, in the Layers palette, adjust the opacity of the border layer to any value you like.

It can be strong and it can be subtle. That is up to you.

Step 9: Click LAYER -> FLATTEN IMAGE and then save your new picture.

 

 

how to add white misty blurred border to an image with Photoshop Elements, step by step tutorial, final image, before and after

Here’s the final picture.

 

 

how to add white misty border to a picture Photoshop tutorial

And both pictures, the left one before and the right one after the editing.

And that’s it.

I think this border would also look very cute on outdoor winter images – it looks kinda snowy and frosty, don’t you think?

Happy editing to you, dear friends.

Love,

Petra

6 Responses to Photography ~ How To Create White Vignette

  1. 1
    Dena says:

    Wow Petra! That was super helpful. I am a novice to photo shop. You have helped me solve one if its many mysteries!

  2. 2
    Dave Thielen says:

    You can create the exact same effect in camera by sbooting through a translucent or white piece of plastic in which you have cut out a hole with starburst edges.. You adjust the size of the hole, and the length of the points, dependent on the camera you are using it on. Hold it right in front of the lens when you take the photo. Then when you are shooting a high-key setting simply hold in front of lens for one shot, leave it off for one shot and you are done. You control the amount of vingette by how far you hold the filter in front of the lens.

  3. 3
    longvoid says:

    Useful tutorial! Thanks a lot!

  4. 4

    […] I wanted to try a white vignette, and so, with the help of Google I found a very helpful tutorial at Zoom Yummy. […]

  5. 5

    […] give love where love is due, I pulled a few super easy and step-by-step tips from zoomyummy when piecing this guy together. Petra’s tutorials on zoomyummy are pretty stellar for a […]

  6. 6

    Woa, very interesting :D thank you so much. I like it

Add Comment Register



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=""> <strike> <strong>