Tutorial Gimp: Make an opacity gradient

An easy way to make an opacity gradient with gimp using the layers function

For my posting thumbnails i wanted to use an opacity gradient  (my pictures should fade from opaque to opacity). And while i like open source and dont have photoshop at home, i thought, that i could do that with  gimp.

Gimp offers here with its layer masks a simple and effective way to implement this.

This  tutorial will show you how to do it.
At the end you can download a sample-xcf (gimp-format) file.


Gimp and the appropriate operating system;)

Download Linux repositories or https://www.gimp.org/downloads/

Download Windows https://www.gimp.org/downloads/

On Windows you should know that this is not an official installer.



1.    Create a new image

2.    If the Layers panel is not displayed:

Show the menu via „Windows → Dockable Dialogs → Layers“.

It looks then as follows

Click to enlarge
Click to enlarge

3     We fill now the image with a color – for example blue

Click to enlarge
Click to enlarge

4     and … add a layer mask.

Right click on Layer → Layer Mask → Add alpha channel of the layer

Click to enlarge
Click to enlarge

The layers panel should look like on the screenshot below and your image  should be opacity now

Click to enlarge
Click to enlarge

5.     Now switch in the toolbox  your colors to black and white

(little hint → goes pretty fast when you press the small black and white button)

 Black and white

6.   Now just use the blend tool / gradient tool from toolbox and then you already have a nice opacity gradient

Because we use layers , you can use these steps above to fade out a picture  or fade an image into another image.

See the whole tutorial in HD on youtube