Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Vignette Fades

 

 Create Vignette Border Fades
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate

This lesson demonstrates how to create vignettes using the Marquee Tool.  Vignette (pronounced vin’yet), is a term used to describe illustrations and photographs with faded borders, and are usually found in books. 

Vignettes from Custom Shapes Tutorial Here!

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards. Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Open your choice of photograph onto Photoshop’s workspace.

2/
Then from the top menu, choose Layer then New then Layer from Background, there is no need to name the layer, click OK. Note: You have just unlocked the layer - subsequently changing its name from Background to Layer 0.


3/
Now, from the toolbar, activate either the Elliptical (or Rectangular) Marquee Tool.



And set the following attributes into its Options bar.



The Feather setting
This important setting controls the amount of fade between the edges of the photograph and its background. The higher the Feather setting, the more prominent the fade will be. Experiment with this setting to find a look you like. For my first vignette, I am choosing an Elliptical Marquee with a Feather of 12.

4/
Now, draw a rectangular (or elliptical) marquee onto your image. 



Applying and adjusting the marquee
Pressing the Shift key as you apply the marquee, creates a circular shape. In addition, to move the selection marquee - ensure the New Selection tab has been clicked before applying the marquee.



Then (after applying the marquee), left-click inside it, and drag it to a central position.
To change the marquee’s shape, from the top menu, choose Select then choose Transform Selection. You can now manoeuvre the tiny vector boxes to reshape and reposition your marquee. 
As explained Here.

5/
After applying your marquee, from the top menu, choose Select then choose Inverse.


6/
Then from your keyboard, press the Delete key. This removes the background, leaving a vignette effect.


7/
From the top menu, choose Select then choose Deselect - or press Ctrl then D. This removes the marquee.

8/
For a white background, from the top menu, choose Layer then choose Flatten Image. You have created an oval vignette that blends well with web pages (or e-mails) with white backgrounds.

Photograph is Copyright to Peter Scarth

Note
The background can be any Solid Colour, Pattern or Gradient you prefer. If necessary, step backwards - from the top menu, choose Edit then choose Step Backwards, to un flatten the layers. The background should now be transparent. Then from the top menu, choose Layer then choose New Fill Layer,
then link here to lean how to fill your layer. After the fill, drag the photograph layer above the Pattern Fill layer. As you can see by my example below, the lighthouse photograph blends with this web page. 

    

This is a Gradient fill example.

Experiment with different background fills, and when you are happy with your result, from the top menu, choose Layer then choose Flatten Image, and save your work

Wendi E M Scarth. 
Top of Page - Home.