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?

Three Ways to Increase Contrast in Photography

Have you ever considered increasing contrast in your photos?

If I should speak for myself, I clearly remember the days when I was looking at the pictures I’d made and thought:‘Why, oh why does there have to be that ugly gray cast over my photos? I don’t want it to be there. I want my pictures to be vibrant and crisp!’

To solve this problem I first decided to pray and cry and scream and kick around and then cry some more (because that is the usual way how I solve my problems)…and then I remembered that times have changed and all that one needs to do to solve all the problems is to sit on her butt and start googling.

So I googled.

And did I find gorgeous things!

Basically, I came across three ways to increase contrast.

They can be used separately or all together.

Just have a look:

This is a SOOC (straight out of camera) picture that I made a couple of months ago on one of our trips.

And this is what I got after I opened my Photoshop and played for a while.

Note: I am using Photoshop Elements 8.

1. This is the first way to achieve better contrast in your pictures.

The change is rather subtle here – the final picture is a bit more defined and also slightly more vibrant.

To use the first method go to ENHANCE (situated in the tool menu on top of your screen) -> ADJUST LIGHTING -> BRIGHTNESS/CONTRAST.

A small window will pop up.

In that window, drag the Contrast slider to the right just until you like the picture.

Try to be gentle since this method is rather strong.

And here we are with a tad better contrast.

But we want more, right?

2. This is the second method I’ve found.

In this case, go to ENHANCE -> ADJUST COLOR -> ADJUST COLOR CURVES.

A big window will pop up.

In this window you’ll see four sliders. Drag them so that you achieve a slight S-shaped curve on the graph.

This method is very effective, very gentle to the picture and it also pumps up your colors a little.

You just have to love it.

But there’s something that you’ll love even more…you’ll actually love it more than anything in this world…

3. And this is it – raising contrast with UNSHARP MASK.

Yes, I hear you – you use unsharp mask to sharpen your images.

And that is precisely what its primary purpose is.

But if you happen to adjust it ‘crazily’ – you’ll witness a miracle.

Just try it for yourself…go to ENHANCE -> UNSHARP MASK.

Now you’ll see a small window with three sliders – Amount, Radius and Threshold.

We are going to work with first two only.

With the first slider (Amount) go somewhere from 10 to 25 and with the second one (Radius) go almost to the end of the line.

And get amazed!

A am not lying when I say that I nearly shed a tear when I saw the result of this method for the first time.

It’s breathtaking.

The image is so much crisper, vibrant and more real.

I just love it!

Okay, being gentle with photo processing is one thing.

And I highly recommend that.

But being so greedy that you can’t help yourself from applying all the contrast increasing ways you know to one picture is something totally different.

I think that it’s done by people who want their images to be obnoxiously soaked up with everything there is to get.

I don’t know people like that.

All I know is that the picture above has all three methods applied to it.

(Oh, and in the last picture, that ‘someone’ also freed the horses’ heads from the shadow by going to ENHANCE -> ADJUST LIGHTING -> SHADOWS/HIGHLIGHTS.)

Send this to a friend