Photoshop Vignetting

11,917 views | 30-September-2008 | Home > Photoshop Tutorials

This Photoshop Tutorial will show you how to add some vignetting effect on an image which will reduce image brightness and saturation of the outer edge of an image and make the center of that image attract attention of both graphic and non graphic interested people.

It's like a photographer took a picture and draw the attention to the center of the subject to produce a creative Photoshop Photo Effect.


Final Result Preview:


Step 1:


Firstly, open up the image that you would like to vignett.

I have chosen a mountain photo from flickr.


Step 2:


Select the elliptical marquee tool from the tool box.


Make a selection of the part of the photo that you would like to keep.


Step 3:


Next up, we're going to be adding a feather to this layer.

We are going to be doing this by going Select > Modify > Feather

Enter a feather radius of around 20px.

And invert the selection (Ctrl + Shift + I).


Step 4:


Now we are going to delete everything around the part we want to keep

Hit delete on the keyboard.

As you can see now we have the white and grey boxes in the background (which means it's transparent - we'll be adding a background shortly).


Step 5:


Lastly, we are going to be adding a background.

Create a new layer (Layer > New > Layer) and fill (Edit > Fill) it with a light blue (or a colour of your choice).

Move this new layer below the image layer in the layers window.


This is the outcome of the vignetting an image in photoshop if you lower the opacity of the original background from the just presented Photoshop Tutorial.


Free download files


Rnel -

The Editor of RNELdotNET. A senior web developer who spends most of his time in front of the computer doing more coding and editing. He aspires to be a PHP and Javascript ninja soon.

View all author articles

Other articles from the author

Article discussions

blog comments powered by Disqus
Photoshop Tutorials | Php Tutorials | Cinema 4D Tutorials | 3D Studio Max Tutorials | Illustrator Tutorials | Twitter Tutorials | After Effects Tutorials | Corel Draw Tutorials