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:

Vignette (Darkened Edges)

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

I have something to admit.

There are only few things in this world that I love more than this photo editing technique.

I know, it sounds strange, but right now that is exactly what I feel.

Tomorrow everything might change, especially if I find a new, amazing technique that will fill my heart with joy.

But today I feel like applying a vignette to all the photos that I’ve ever made.

Please, somebody, come and stop me.

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

This is what my picture looked like before.

It is a lovely tomato from my Mom’s garden. Actually, that’s what my diet consists of mostly these days.

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

And this is the same picture after I applied the vignette effect.

Adding a vignette to an image basically involves adding a subtle (or not so subtle) edge effect to it.

A popular vignette technique involves darkening the edges of your image which gives the image a slight border and helps keep the viewer’s eye in the photo.

In other words, the darkened edges make your subject stand out.

Well, who wouldn’t love that?

Let me explain this technique in particular steps – they are very, very easy.

NOTE: I am using Photoshop Elements 8 here (but I suppose that this method works fine with any photo editing program that supports layers and adjusting opacity).

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

1. Open your image in the photo editing program using FILE -> OPEN… .

2. Open a new layer using LAYER -> NEW -> LAYER.

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

3. There are 3 subsequent steps here:

  • 1. In the right-hand layer palette, make sure you click on the top (newly added) layer (it should be darkened now).
  • 2. 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, though it’s actually up to you which shape you choose).Also, have a look at how the ‘feathering’ is set in the upper bar. I had it set to 14. It will determine how strong and defined the border of the vignette will be.
  • 3. Click and drag over the picture to create an oval shape.

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

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 make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

5. I am describing another three subsequent steps here:

  • 1. Make sure that the foreground color is set to black (if not then just click the letter ‘D’ on your keyboard).
  • 2. In the left-hand tools palette, click the bucket tool.
  • 3. Click anywhere on the border area to fill it with black.

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

6. Now click SELECT -> DESELECT.
how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

7. And finally, in the layer palette, adjust the opacity of the border layer to any value you like.

(Though I didn’t do that myself now – at this point, if you find the border too hard – you can also choose FILTER -> BLUR -> GAUSSIAN BLUR and use a high radius value to blur the edge of the border and soften it.)

8. Click LAYER -> FLATTEN IMAGE and then save your new picture.
how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

I like it!

how to make darkened edges Photoshop picture tutorial, how to create dark vignette in Photoshop step-by-step tutorial

Hm, what do you think…will you give it a try?

Send this to a friend