Welcome  GIMP PDF Tutorials  Personal Site  Home  Contact/About  Sitemap  Terms  Online GIMP Tutorials 

 GIMP (GNU) Tutorials

250+ Free Online GIMP (GNU) Tutorials - Click Here
450+ GIMP (GNU) & Photoshop PDF Tutorials - Click Here

by Wendi E. M. Scarth.


GIMP Tutorials - Click Me!


Gradient Vignette 


Free GIMP Tutorials Tutorials by Wendi E. M. Scarth.

 GIMP Sitemap - Free GIMP Tutorials - GIMP Terms/Conditions - GIMP Q&A - GIMP Hints & Tips

Gradient Border Fades (Photographic Vignettes)

Gradient Border Fades (Vignettes) GIMP
Gradient Border Fades (Vignettes) GIMP

450+ GIMP & Photoshop PDF Tutorials With Start Images & All Future GIMP PDFs
450+ Individual GIMP & Photoshop PDF Tutorials Plus All Future GIMP PDFs: Click Here.

This GIMP (GNU) tutorial demonstrates how to fade a photograph’s border using a Gradient. To work along, you are welcome to download the Start Image I am working with HereUnzip the file and open the image onto GIMP’s workspace.

Vignette (pronounced vin-ne-et), is a term used to describe photographs with faded borders.

You can quickly Undo a step at any time by pressing Ctrl then Z. Alternatively, click a previous Undo History snapshot - Windows then Dockable Dialogues then click Undo History. In addition, to Zoom in (or Zoom out) of your image; from the top menu, choose View then select a Zoom Tool from the subsequent drop-down

Understand Layers
Understand Blend Modes
Launch GIMP & Organise Its Workspace & Palettes

Open your Start Image onto GIMP’s workspace - File then Open - Ctrl then O.

Ensure the Layers and the Undo History Palettes are visible, and then drag them into position over your workspace - (Windows then Dockable Dialogues - then click Layers and Undo History).

Now, create a New Transparent Layer by clicking the following Create a New Layer tab that is located at the bottom-left of the Layers Palette. (Ctrl then N).

And from the subsequent New Layer dialogue box, click OK.


Tap your Keyboard’s D Key to set the Foreground Colour Swatch to Solid Black and the Background Swatch to Solid White.

Then from the left-side Toolbox, activate the Blend Tool.

And then set the following FG to BG (RGB) and Radial Shape attributes into the Blend Tool’s left-side Options Panel.


And, (still working on the New Layer): starting over the centre of your photograph;
left-click and stretch a Gradient Line towards the Top-left Corner - as illustrated below.

As soon as you release your mouse button, the following Radial Gradient will be applied to your photograph.

Understand Blend Modes - Understand Layers
Now, to blend the Gradient with your photograph, change the Gradient Layer’s Blending Mode from Normal to Overlay.

Once you have clicked to highlight a Blending Mode, you can quickly scroll through the Blending Mode choices by tapping your Keyboard’s Downwards or Upwards Arrows.

Changing the Blending Mode from Normal to Overlay, blends the Gradient with the photograph, as illustrated below.

Alternative Blend Mode Example -
Continue With My Tutorial Here.

Divide Blend Mode Example

Hue Blend Mode Example

Deepen The Gradient
(Tutorial Continued)
To deepen the Gradient, (the border fade); right-click over the Gradient Layer, and then choose Duplicate Layer from the subsequent drop-down list. (I duplicated my Gradient Layer a total of two times).

Lower The Opacity
If you like, you can reduce the Vignettes intensity by lowering one (or all) of the Gradient
Layer’s Opacities.

Reverse Gradient Example


Reverse Gradient Example (White Border Fade)

Now, from the top menu, choose Image and then choose Merge Visible.

Congratulations, your Gradient Border Vignette is complete,
and is ready to save - top menu, then File then Save As.

Gradient Border Fades (Vignettes) GIMP

Wendi E. M. Scarth. 
Top of Page.

Wendi E.M. Scarth Tutorials

 Elements Tutorials  Photoshop Tutorials  Paint Shop Pro Tutorials  GIMP PDF Tutorials  GIMP Tutorials