GIMP Tutorial on How to do Selective Coloring
As usual my tutorial is aimed at people who have no prior knowledge of GIMP. My aim in this tutorial will be to enable someone to follow in my footsteps and achieve the same end result as me.
I want complete beginners to be able to follow the tutorial. So there will be little assumed knowledge and I will explain each step.
Screen shots will aid the explanations. I have highlighted the relevant areas so that they are easily identified.
The illustrations will also help you find where things are in GIMP.
GIMP software is freeware. GIMP is a free alternative to PhotoShop. GIMP is powerful enough to do many of the things that PhotoShop can.
There are many versions of GIMP available I use GIMP 2.6 . This version of GIMP can be downloaded from http://www.gimp.org
For some reason the GIMP link will not work as a link but if you copy and paste it into your browser it will take you to the site.
This is the photograph I will be using for this tutorial.
You are welcome to use this photograph if you want to follow this tutorial.
To use this photograph just right click on this photograph. Select the save image as option and place it somewhere on your computer where you can find it.
What GIMP looks like
When you open up your GIMP program for the first time you will notice that it is slow to open. But bear with this as it is well worth the wait.
There are three separate windows a workspace, tool bar and the layers palette.
You can arrange these windows how you like this is how I have laid mine out see fig one.
I like this layout because it is similar to the layout in Jasc PSP and in PhotoShop.
This layout helps me because I find things are still where I expect them to be.
If you want to see a large picture click on it. I have enabled the 'View original size on click' option on each of the screen shots.
Open up your chosen image
To select an image to work on we go to file. You will find file at the top of your GIMP page on the left-hand side.
Click on file and you will be presented with a drop down menu, see the left hand side of fig two.
Click on open and you will be presented with another window see left hand side of fig two. Go to where you have put your image and click on it.
When it is highlighted blue then click on open. This will bring your image into your workspace.
Your page should now look something like this see fig three.
Make a copy
We need to make a copy of this background layer.
We do this by going to the layer palette, which is on the right hand side of your screen.
Your screen should now look like fig four.
If it does not look like this check that the first icon is selected. The icon looks like a grey stack of paper.
If this is not the icon selected then you will see something different. We need to have this first icon selected for our purposes.
This icon is the top left hand side and I have highlighted icon on fig four.
Click on this icon to select it.
To make a copy of the background layer go to the bottom of the layer palette.
Here you will see an icon that looks like two computer screens one on top of the other.
Click on this icon and this background layer will be copied. Your layer palette should now show two layers.
The top layer is called Background copy. The one underneath is Background these names are given to these layers by GIMP. See fig five.
We are only going to use these two layers. So usually I would not bother naming these layers.
But so that you will know how to name a layer I will show you how to do this.
I will show you how to give the background copy layer a new name.
When editing an image that requires many layers open it is good to give those layers names.
Try to give the layer a name that reflects what you are doing on the layer.
To select the background copy in the layer palette click in the picture. It should turn blue showing that it is selected.
To the right of the picture you can see the text background copy with a lightly drawn box around it.
Place your cursor somewhere inside the text inside the box and double click on it.
Now the text ‘background copy ‘ is highlighted in blue all you need do now is type the name you want to give the layer.
In this case I have given this layer the name desaturate because that is what we are going to do next.
Your layer palette should now look like fig six
fig seven & fig eight
Select the layer named desaturate because this is the layer that we are going to work on.
Next go to the tool bar that runs along the top of the page and click on Colours. From the drop down menu select Desaturate. See fig seven
Clicking on Desaturate will open a new window. It invites you to choose shade of grey based on... and it gives three options.
Lightness, Luminosity and Average see fig eight.
I have chosen Luminosity and you can see that a little dot has appeared in the circle next to Luminosity. The dot next to an option shows that the option is selected.
Click on each option in turn. As you click on each one you will see the photograph change each time.
I chose luminosity because I thought that this effect suited our photograph best.
If you like one of the other two options better then choose that one instead.
When you have chosen click on OK. This will turn our photo into a black and white image.
But it is only changed on this layer, the background layer underneath will remain in colour.
Our image should now look like fig nine below
fig ten & fig eleven
We are now going to uncover the colour on the background layer but only of the workman.
We could do this by using the eraser tool. But I prefer to do this by using a layer mask.
I prefer a layer mask because it allows me to edit in a none destructive way.
If I use the eraser tool and I make a mistake it is not as easy to undo that mistake as it is using a mask.
The bit that I have mistakenly erased is gone. I can't just paint that bit back. I have to go back to the place where I made the mistake. Only there can I undo the step.
Undoing a mistake can be a laborious and time consuming task.
Backtracking means that all the work you did after the mistake will also be lost. But this does not happen using a layer mask .
On a mask layer we can undo or change what we have done at any point.
Go to the tool bar at the top of the screen and click on layer. From the drop down layer,click on mask.
This will open a further drop down menu and from this menu choose Add Layer Mask. See fig ten
Clicking on Add Layer Mask opens another window. On the top of this window you will see that the layer that you are adding a mask to is identified.
In this window there are seven options. Choose the first option White (full opacity) when you have selected this click on Add. See fig eleven
Add Layer Mask
We are now going to uncover the colour on the background layer but only of the workman. We could do this by using the eraser tool but I prefer to do this by using a layer mask.
I prefer a layer mask because it allows you to edit in a none destructive way. If you use the eraser and you make a mistake you can’t just paint back the bit you have just erased.
If you don’t discover your mistake right away you will have to back track until you get to the point where you made the mistake in order to put it right.
This also means that all the work you did after the mistake will also be lost but this is not so with a layer mask.
Go to the tool bar at the top of the screen and click on layer from the drop down layer, and then click on mask. This will open a further drop down menu and from this menu choose Add Layer Mask. See fig ten
Clicking on Add Layer Mask opens another window and on the top of this window you will see that the layer that you are adding a mask to is identified.
In this window there are seven options choose the first option White (full opacity) when you have selected this click on Add. See fig eleven
Using the Layer Mask
Congratulations you have now added a layer mask to the layer named desaturate. In order to use the layer mask it is important that you select the mask to work on and not the desaturate layer itself.
Click on the desaturate layer and click in the photo see A in fig twelve, you will see that there is a white line around the box with the photo in.
This white outline tells you that it is the layer itself that is active and not the mask.
To the right of the photo icon you now have a white box this white box is our mask. In fig twelve A the white box has a black outline showing that it is not selected.
At the moment our mask is white but as we work on the mask you will see this icon change as we paint black onto the mask.
Click inside the white box and this will select the mask see fig twelve B the white outline is now around the white box and the photo icon has the black outline.
Because the mask icon is white the icon will just appear solid white. Don't worry when you can't see the white outline it is there but it blends in with the mask icon.
The mask has now been selected and we are ready to begin uncovering the colour on the layer below.
If you are having any difficulty seeing the screen shot images clearly just click on the image and you will be able to see the image full size.
Get ready to uncover the Colour
We are now ready to begin uncovering the colour. Go to the toolbox on the left hand side of the GIMP screen and select the paint brush tool.
The brush tool is located on the fifth row down one icon in from the right hand side it is easy to spot the icon looks like a paintbrush. See fig thirteen the brush icon has been highlighted for you.
With the paintbrush tool selected we need to select the colour we are to paint in. The third row below the brush icon is the icon that indicates what colours are active in the foreground and background.
In fig thirteen the black oblong is on top of the white which tells us our foreground colour is black and our background colour is white.
The foreground colour is the one that your paintbrush will paint with if we want to change the foreground colour to white all we have to do is click on the little two-way arrow and it will switch the two colours.
If your two colours are not black and white don’t worry it is easy to change that, just underneath the black oblong you will see a miniature icon in black and white. Click on this miniature icon and the colours you had will be switched to black and white. Make sure the black oblong is on top.
The bottom half of the toolbox displays the paintbrush options. I have highlighted my choices.
It is important to have the opacity set at 100% because where ever we paint solid black the colour will show through. However, if we paint with a lower opacity the colour will be limited by the degree of opacity set.
I have chosen a brush size of 4.54 because I am comfortable with this size. If you want to work with a larger or smaller brush just move the slider until you have a brush size that you are comfortable working with.
Painting in the colour
Now the fun part begins. With your paintbrush tool and the colour black selected place your cursor somewhere inside the workman in the photograph. With the left-hand mouse button held down begin to paint.
If you start to see the colour black being painted on top of the image it means that you have the layer and not the mask selected.
If this is the case just hold down Ctrl, Alt and Z or go to edit on the top tool bar and select the undo paint brush in the drop down menu.
Making sure that the mask is now selected start to paint. Where you paint black onto the mask it will take the opacity of the desaturate layer down to zero.
What this means is where you paint black on the mask the layer becomes like clear glass and you can see through to the layer underneath.
In this case the underneath layer is still in colour so we can see through to the coloured image below.
As you paint on the mask so the colour will show through see fig fourteen.
Notice that the layer icon on the layer palette is now no longer a solid block of white it now has black where you have painted on the mask.
Continue Painting on the Mask
Continue painting until all the coloured area below that you want to show through is visible. I use the zoom tool to zero in on the part of the image I am working on.
The zoom tool is found in the toolbox on the left-hand side of the GIMP page, see fig fifteen. The zoom icon is a magnifying glass and is located on the second row of icons on the right hand side.
Under the toolbox palette is the option box for the tool selected in this case the zoom in option is selected. If you want to change from zoom in to zoom out just hit the Ctrl key as this toggles between the two.
If you find that you have uncovered a bit of colour that you did not mean to don’t worry. Using a layer mask this is the easiest thing in the world to fix.
With your paintbrush tool selected we need to change the foreground colour from black to white. Go to the double ended arrows that you can see highlighted on fig fifteen and click on them. This will change the foreground to white and the background to black.
Now when you paint over the mask in the area that you have unwanted colour it restorers the layer's opacity to 100% to the area that you have painted with the white.
This means where you have painted in white you will see the black and white image on the desaturate layer and will no longer be able to see through at that point to the layer below.
How easy and neat is that? You can repeat this process as many times as you like, until you are completely satisfied with the results.
Remember the more time and care you take the better the results. Below is the finished photograph and I think that the selective colouring of just a small area has made this image pop!
The Finished Photograph
I hope that you have enjoyed this tutorial and that you have found it easy to follow. Any questions or anything that you have a problem with just drop me a line and I will try to get back to you right away.
If you want to know a little more about selective colouring then here is a hub link that will show some different ways to do the same thing
More by this Author
Working Class life in England in the 1930's. What life was like for a typical working class family in Birkenhead during the 1930's.
Step by step Tutorial how to selectively color just a part of an image using PhotoShop. Screen capture illustrates where to locate each editing tool on the Photoshop screen. designed for novice user
How to use the Patch tool in PhotoShop - a very basic step by step tutorial. This tutorial will take a beginner through the whole process with clear easy to follow instructions. Each step you have to do is illustrated...