A couple weeks back I had asked which aspects of photo editing people would most like to see covered in a simple step by step tutorial. After basic photo adjustments, the thing people were most interested in was removing the background from an image. So that's what we'll be covering today; bring out the Gimp!
In today's tutorial I will be playing the role of The Wolf and we'll cover a quick image fix, Gimp style. If you have no idea who The Wolf is you need to watch Pulp Fiction again ;) If you would like to follow along but don't have Gimp's free photo editing software feel free to download it here.
After you download and open Gimp choose a file that you would like to work with, or you can use ours (just right click save). We decided to go with a picture of our business cards; the picture is ok but its uses are limited because of its background. We will walk through removing the image's background step by step. Just click on the pictures as we go to make them bigger ;)
If this is your first time using Gimp, or a computer ;), open a file by going File>Open and then locate and double click on the photo you would like to work with. Once the file is open you will notice several things on the screen. On the left hand side of the screen you will see your basic tools while on the right hand side of the screen you will see your layers, channels, brushes, gradients dialogs etc. Feel free to reposition and resize these window as you see fit :)
Our photo is now open and you can see that it has a black paper background, our goal is to remove the black paper.
Gimp offers a bunch of tools so we're going to take a quick look at a few of them and see how successful they are in helping us remove the background from our image.
Fuzzy Select Tool
The first tool we're trying is the fuzzy select tool. This tool is similar to the magic wand tool in Adobe's Creative Suite software. Select this tool and click on an area on the left side of your image and you will see what it does :) A selection of your image should now be active. Hit delete (not backspace) and this should remove the selected area like so:
That was pretty good but it left a bit of noise around the left side of our image. Let's give the next tool a shot.
Color Select Tool
The idea behind the color select tool is that we can click on a specific color in our image and all parts of our image that are that color will become active and we can edit them. In an ideal world if we click on the black on the right side of our image it will all be selected and we can delete it. Let's click on the black on the right side of our image and hit delete and see what happens :)
Well, good news is this deleted some more of our background, bad news is the black was too similar to the color in our business cards and deleted parts of the image that we want to keep. Let's undo the color select, Edit>Undo Color Select. While the color select tool may work well for your image it wasn't very helpful for ours.
We should now be looking at the same image we had after using the fuzzy select tool. Let's use the fuzzy select tool on the right side of the image (not pictured). Now let's take a look at one final tool.
Free Select Tool
This tool is similar to the lasso tool in Adobe's Creative Suite software. This tool will allow us to lasso and select specific areas of our image. Let's use this tool to select some of the noise on the bottom right of our image. Just lasso around the area.
Once this area is selected we can now hit delete and this will remove the selection.
Wow, that looks like what we're after. The free select tool removed the unwanted black background from our image and didn't leave any noise. Let's use the free select tool to clean up the rest of the image. To do this we're going to outline the area that we want to keep. Once the area that we want to keep is fully selected and active right click>select>invert and then hit delete.
Inverting the selection chooses everyhing except the area we outlined with the free select tool. When we hit delete we are now left with our business cards on a white background. There may be a few spots left so feel free to use the free transform tool to give your image one last good cleaning.
Time to smile, you have now successfully removed the background from your image =) It seems to us that the best technique for removing the background from an image in Gimp would be a combination of the fuzzy select tool and the free select tool.
A quick before and after just to recap:
Now using the image we just created we can make a new banner:
Some quick observations from Mr. Wolfe. Well, it even took The Wolf a little while to pull this one off using the Gimp. While Gimp is a great option for free software it ran a little slow on my computer, granted I could just have too much stuff on my computer so I won't hold this against Gimp. After using Picasa last week (last week's tutorial), Gimp, while designed for more detailed editing, is definitely not as intuitive as Picasa. This was our first time using both programs.
If you found this tutorial somewhat useful and would like to purchase some basic software that would allow you to perform similar tasks (and way more) we highly recommend Adobe's Creative Suite lineup. Mr. Wolfe can make the same adjustments to an image in Adobe's Photoshop Elements software in roughly 3 minutes and 37 seconds ;)
We hope you enjoyed this tutorial and that it was somewhat helpful. If you have any questions just let us know in the comments section and we will be sure to get back to you. If there's anything else you would like to see covered just leave a comment and we'll see if we can make it happen. Have a senioritis day!