Gimp Layers

Gimp layers

Here you will learn how to use layers in Gimp, and we’ll have a look at the different options in the layer dialog.
This is aimed at complete beginners.

What exactly are layers?

Let’s say you had a pencil and paper on your desk. On the paper you wrote “hello”.
Then you put another paper on top of that paper, but this paper is transparent paper.

On the transparent paper you write “world”.

layer illustration

Now it says “Hello world” when you look at the papers.

If you decide you don’t want to have “world” there you can simply remove the transparent paper. Or if you want to move the word “world” you could just move the transparent paper. You wouldn’t have to use an eraser at all!

In Gimp, you can think of layers as a bunch of papers stacked on top of each other, the bottom one is usually black or white, and all the others are usually transparent.

How to use layers in Gimp

When I open up Gimp, and choose to create a new image, it looks like this:

gimp interface

The red arrow in the image is pointing at the layer dialog. If you can’t find the layer dialog on your Gimp, then in Gimp’s main window, go to Windows → Layers, Channels, Paths, Undo etc.

That should bring up your layer dialog.

The bottom layer in the layer dialog is called Background, you can think of this as a piece of white paper (although we can make it any color we want).

If you click on the add new layer button (see image below), a dialogue will pop up, asking you to name the layer, and chose whether you want the layer to be transparent, black or white. You usually want the layer to be transparent.

In the image below I created a transparent layer named “test layer”. I also painted some green on that layer.

Adding a new layer

Layer order

The layers position in the layer stack is important to how the image would look. Let’s say we have three layers, a white background layer, a transparent layer with a green blob on it, and a transparent layer with a blue blob on it.

Example one, blue layer on top:

Layer dialog

Example two, green layer on top:

Layer dialog with green layer on top

Example three, background layer in the middle:

Layer dialog, white layer in middle

Layer dialog options:

Let’s have a closer look at the options in the layer dialog:

Layer dialog options

1 – Adding a new layer. Clicking this will open up a dialogue that asks you to name the layer and choose whether it should be transparent, white or black.

2 – Move the layer up. Simply moves the layer up, in this case the layer is already at the top of the stack, so it can’t be moved further up.

3 – Move layer down. Pushing this will move the layer down, in this case the layer would be placed underneath the background layer, and we would no longer see the green stuff I painted, because the white background layer would cover it.

4 – Duplicate the layer. Pushing this button will simply duplicate the layer.

5 – Anchor the layer. This one is a bit special, and you usually only need it when you copy and paste. Let’s say you were copying something from one image to another image, when you paste, Gimp will create a layer named “floating layer” or “floating section”, this layer contains what you copied. Pushing the anchor will make this floating layer disappear, and transfer the contents of the floating layer to the layer you were working on before you pasted.

6 – Delete the layer. Pushing this will delete the currently selected layer.

Also notice the “eye” button next to each layer, pushing this button will toggle if the layer is visible or not.

If you look some more at the layer dialog you will notice three more settings:

Layer settings

Lock – Clicking this checkbox will lock the transparent pixels in the layer. What does that mean? Well, it means that you can only edit those areas on that layer which are not transparent. In the case of my “test layer”, I can only edit the green area of the layer, nothing else.

Opacity – This setting controls how opaque the things you have drawn on that layer should be. In other words, this controls how see-through the stuff you draw on a layer should be.

If I had three layers, the bottom one was white, the second had a green blob on it, and the third one had a blue blob on it. If I set the “blue blob” layer to 50% opacity, it would look like this:

Layer Opacity at 50

The third setting you can adjust is Mode. Note that this is usually referred to as Layer mode.

Layer modes are basically certain settings you can apply to a layer, usually to achieve an effect you want.

Example, here is an image with three layers, a white background layer, a transparent layer with a green blob on it, and a transparent layer with a blue blob on it. If I set the blue blob layer to layer mode: Multiply, we get this result:

Layer modes

Explaining all the layer modes is unfortunately very technical, lots of mathematical operations and such, and therefore out of scope for this tutorial.

It is also much more advisable to experiment with the different layer modes to see what they do, not to mention way more fun!


Comments

  1. Paul Escudero

    December 8th, 2010

    very nice tutorial!! i can use this in my Gimp class down here in the Philippines!
    keep up the good work!!

  2. Shirley

    September 6th, 2011

    This was a great, clear tutorial. Thanks so much!

  3. Reza B

    May 5th, 2012

    Excellent tutorial

  4. Dan P

    August 9th, 2012

    You have saved me time and frustration.

  5. ReddFlagg

    September 24th, 2012

    Outstanding intro to the whats and hows of layers. Thank you.

  6. Max

    February 9th, 2013

    Very good work…!

  7. Captain Heauxbeaux

    February 10th, 2013

    I figured these things out for myself, but this tutorial is very clear and would undoubtedly help a new GIMPer to get the hang of things. Nicely done. However, you should include instructions for opening the tools, layers, brushes, etc. docks.

  8. lorene

    October 25th, 2013

    ok I don’t know where to go to ask this hopfully this is the right section all I would like to know is a step by step tutorial how to add a animation (gif) onto a still image, I went on youtube and found a good one but a lot of others were having trouble as well with the background only staying on 1 layer,
    anyways, can anyone let me know pleaseeeee as gimp seems easy to use.

  9. i.m.

    October 30th, 2013

    Nice work! Not what I was looking for, but great simple easy steps to follow.

Leave a Reply