Follow RNELdotNET on Twitter
Webmaster Tutorials
 
  • 30 Sep 2008
  • 6,345 page views
 

Photoshop Vignetting

 

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 File Download

 
Not available
 
What people say about Photoshop Vignetting Tutorial
blog comments powered by Disqus
 
 
 
 
 
Free Textures
Free Wall Texture Free Rust Texture Free Concrete Texture Free Paper Texture Free Tile Texture Free Wood Texture Free Concrete Texture Free Tile Texture Free Tree Texture Free Wood Texture Free Wood Texture Free Sand Texture
 
copyright © 2003 - 2010 RNELdotNET Webmaster Tutorials all rights reserved
all properties belongs to their respective owners
privacy policy | links