Changing Background Color 1

Text and images Copyright (C) 2002 Seth Burgess and may not be used without permission of the author.



This tutorial shows you how you can effeciently replace the background of an image with another in GIMP, through the use of the color to alpha plug-in. The aim is to show the advantages of using the color to alpha plug-in over selection-based techniques. To illustrate this, this tutorial will use the above images as source and destination. This tutorial doesn't address the complexities of handling real-world photos in this manner, but does briefly discuss it at the end.

Why Not a Selection

The common approach to doing many things in GIMP is to first get a good selection. However, when removing an anti-aliased object from its background is not a good idea, as shown above.

You'll note that each of the three zoomed in selections above have varying amounts of the green-blue mix selected. When these are filled, we are left with flat black and slightly blueish-green pixels between them, or no transition to black at all.

Compare each with the target image below. The left one has a blue border around it. This looks somewhat neat, but not what we're going for. The middle one is close, but there are some ugly visble pixels still. You can try getting rid of all the ugly pixels, but then you'll end up with something jagged like on the right.

You can spend hours trying to find something that will work perfectly, but you won't. Anything short of the rightmost image has some blue in the pixel, which will stick out. You can go too far, and blend it back to something close, but this is time consuming. Instead, may I suggest the rest of the tutorial?

Step 1

The first step is to activate the color to alpha plug-in. Its menu location is <image> Filters -> Colors -> Color To Alpha, where <image> means to right click on the image. If its grayed-out, it means that you have an indexed image. If its not there, upgrade your gimp to 1.2.x.

Step 2

Next use the Color Picker Tool to select the background color.

Step 3

When you used the color picker to select the background, a window with the color popped up. Click, hold, and drag from the color portion of this window to the color portion of the Color To Alpha plug-in. If using Gimp for Windows, you'll have to right-click on the destination button and select the Foreground - drag n' drop doesn't work. Click OK after the color indicator on the Color To Alpha plug-in is changed to blue.

Step 4

There should now be a nice green and alpha image with no trace of the blue left. Next add the new background.

Step 5

Now create a New Layer (have Forground set to Red when you do this). Lower the newly created layer.


The image should now be green on red, with no trace of blue!

This may not work as well for you for 2 reasons:

The work arounds, respectively, are:

The original tutorial can be found here.

Tutorial © 2002 Seth Burgess (sjburges)