LMAC School - How to work with layers

LMAC School - How to work with layers

Layers are ideal for creating collages, because you can use layers to perform tasks such as compositing multiple images.
The layers are on top of each other and together they look like a complete picture. You can see through the transparent areas of each layer beneath.
It is like you have a bunch of slide photos (ancient technology) on top of each other. The projection on the wall of all this photos would be the complete picture.
The fist layer (bottom) will be displayed in the very background. The last layer (top) will be displayed in the foreground of all layers.
Layers can have also their own blending mode and an opacity value. So that for each layer you can determine how it affects the layers beneath.

In this post, I'm going to show you how to work with layers and blend modes, and the benefits they have. Nevertheless, I can only give a small overview here. Because the topic of layers in GIMP is extremely extensive.

HTWWLCoverImage.jpg

Requirements

You may need the GIMP software to understand this tutorial. GIMP is a free, open source tool for image processing of all kinds. Lots of people say GIMP is the open source Photoshop. I agree with this statement at least for the functionality I personally need.

You can download GIMP here: Click

I created this tutorial for GIMP version 2.10.20 (and higher).

Basics

1. Layers in GIMP

Control+N on your keyboard creates a new image project. In GIMP a project is just a canvas for showing image data of at least one layer. So a layer is actually an image. A GIMP project can have multiple image layers. All available layers together can be exported into one image and as well they will be displayed as one image.

2. Alpha channel

To have a transparent background for a specific layer you need to add an alpha channel to it.
Just right click on the appropriate layer in the layer list. Then a context menu opens. There you will find the menu item "Add Alpha Channel", which you have to click on.
Learn more about the layer list in the section "The layer list" of this document.

Adding an alpha channel to a layer

With and without alpha example

3. XCF files

XCF is the file format for GIMP image project. An XCF file contains all layer information. Whenever you open an XCF file, you have full access to all layers and layer settings of your GIMP project. That said, you can get back to work at any time without having lost your layers, as it would be the case if you had exported your collage as a PNG or JPG, for example.

The layer list

All layers in a GIMP project are displayed in a list. If you can't see the list in the GIMP window, press Control-L on your keyboard.
The layer list of a new image should look like in the picture below.

Layer List in GIMP

A new image has one empty layer.
A loaded image has one layer, too. But in this case the layer contains the image data itself.

Working on a layer

To be able to work on a layer, the layer must be active. You can activate a layer by simply clicking on the respective entry in the Layer list. All GIMP tools are then only applied to this active layer.

Working on a layer

Visibility

You can toggle the visibility of a layer by clicking the eye icon of its entry in the layer list.

Changing the visibility of layers

Names

To get a better overview in your layer list, you can give the layers names.
A double click on an entry in the layer list activates the name editing mode of the entry.

Naming a layer

Grouping

For grouping layers of similar purpose, just create a layer group by clicking on the "new layer group" button in the bottom area of the list panel. Then you can name this group and add existing layers to it by dragging it via mouse into the group. When the group is active, new layers will automaticaly added to it.
If you change the visibility of a layer group, the visibility of all layers in that group also changes.

Grouping layers

Reordering

Sometimes it is necessary to move a layer in the stack order. For example in the case you want to have a layer in front of other layers. You can do it by dragging the respective layer to another position in the list or by clicking the arrow keys below the list.

Reordering of a layer

New layer

If you need a new layer, there are two ways to create one.
The first way is to load an image, to copy it into the clipboard and paste it as layer into your GIMP project.

Creating an empty layer

The second way is to create an empty layer. You can do it by clicking the respective button below the layer list.
If you need transparency for the new empty layer, just take a look into the section "Basics / 2. Alpha channel" of this document.

Creating a new layer - Button

A dialog window will appear. There you can configure the new layer.

New layer dialog

Deleting

Whenever you want to delete a layer, navigate your mouse to the layer list, then right click to an entry. A context menu appears, where you have to click the "Delete layer" item.

Deleting layers

Opacity

If you want to change the opacity of a specific layer, click on the respective layer in the layer list for making the layer active and then change the opacity value with the slider in the upper area of the list panel.
The opacity of a layer also affects the behavior of the blending mode!

Opacity

Blending modes

Changing the blending mode changes the appearance of the layer itself, based on the layer or layers beneath it.
For working with blending modes, it is necessary to have more than one layer. If you change the blending mode of a layer, it has only an effect when there are layers beneath it.
You can select a blending mode by clicking a layer for making it active and then by choosing a blending mode in the drop-down in the upper area of the layer list panel.

Changing blending modes

Changing blending modes

GIMP has 38 blending modes, categorized in 7 types. For collages, the most interessting blending types should be Normal (first mode category), Lighten (second category) and Darken (Third category).
In my collages, I use the modes of the type Normal for layers of simple image cuts. For layers which defines highlights and lights, I use the modes of the type Lighten, because they have only lightening effects. For shadows of every kind, I use the mode of the type Darken, because these modes have only darkening effects. But there are also a lot of use-cases for the other blending modes. Just try around and find the blending mode for your purpose that fits best.

GIMP manual wrote:

There is a drop-down list in the Toolbox options box which contains modes that affect the painting tools in a similar way to the layer modes. You can use all of the same modes for painting that are available for layers, and there are two additional modes just for the painting tools. See Section 3.3, “Brush Tools (Pencil, Paintbrush, Airbrush)”

Blending mode categories/types

Examples

Shadow layer

If you want to make a shadow layer, you would want the color of the layers underneath to be darkened. The blending modes "Darken only" and "Luma darken only" work perfectly for this purpose. It is important that the content of a shadow layer then is of darker nature.
A darkening effect cannot occur if the content of the shadow layer is lighter than the content of the layers underneath.

Shadow layer example

Graffiti

This example shows not only how to make a graffiti. It also shows the purpose of the blending mode "Grain merge", which is used to merge the graffiti layer to the structure/grain of the wall layer.

Graffiti example

All blending modes example

By clicking through the blending modes of a 50% opacity layer in pure red color, I like to show you the effects of all available blending modes.

All blending modes example

Benefits of using layers for a collage

  • Layers can be replaced at any time.
  • More control over individual elements of the collage.
  • It is easy to determine the appearance of collage elements and to change it at any time.
  • Test and undo changes directly on the collage.
  • Save the collage as a XCF file (GIMP project file) and continue working on it at any time to make changes to individual collage elements.

As a bonus to this tutorial, you can download my LMAC 48 contribution here (Mirror). It is full of layers that use different blending modes.

It will be necessary to make another tutorial on layers that delves deeper into this topic. Because in this tutorial I was only able to cover the very basics. Otherwise it would have gone beyond the scope. There is a lot more about layers!
I'm already thinking about making an advanced tutorial about this topic.

Best regards
QuantumG

PS: 33% of the rewards for this post go to LMAC ( #supportlmac ) as beneficiary.

You will have noticed that I am not a native English speaker. Therefore, there are probably a few linguistic bumps in my texts. If there are any passages that could trigger accidently a world war or something similar, please let me know so I can change it. :-)

🎨 The LMAC | 🏠 Our Community | 🚂 The LMAC Curation Trail | 🏅 The LMAC Contributor Badge | 🎓 The LMAC School



0
0
0.000
13 comments
avatar

I was hoping for "How to work with lawyers" because I just finished law school. But I still learned something! :)

0
0
0.000
avatar

Greetings, excellent tutorial on managing layers in Gimp, thanks for sharing your knowledge so that we can learn more every day.

0
0
0.000
avatar

Hello @quantumg. I haven't read the whole publication because my internet is veeeeery slow.
I loved what I read.
You're doing a great job! Honestly, thank you very much

0
0
0.000
avatar
(Edited)

I feared this would be a problem for many, because of the large GIFs. :-(

The following download may help you: Click here
It is a ZIP file with the entire tutorial that I downloaded from the Peakd website as HTML including the GIFs. The zip file is smaller in size than the post page in the browser. And it is only one file, so the browser can't cancel single files of the page during the download.
You can access it by clicking on the HTML file named "LMAC School - How to work with layers.html" in the folder of the same name in the zip file. It will open in your web browser and will look like a regular page on Peakd.com.
This should work on Windows, Linux and maybe on Mac.

image.png

0
0
0.000
avatar

Great post! My standing ovation. Great tutorial... are you a teacher? Because you have the qualities of a good teacher

0
0
0.000
avatar

I'm flattered. Many thanks. :-)

I have to admit that I was a lecturer at a software development academy for a year and wrote software development tutorials for many years.
But the LMAC School tutorials are my first in english language. I hope to get better at it soon. Because so far it's still a bit exhausting for me.

0
0
0.000
avatar

Gimp doesn’t download on my iPad but I still enjoyed your tutorial.

0
0
0.000
avatar

I'm afraid there is no compatible version for the iPad.
Unfortunately, I am not familiar with IPads. But I hope that you find or have already found a good comparable tool.

0
0
0.000
avatar

Thanks @quantumg. I have worked around it with a few other programs such as Photo Collage.

0
0
0.000
avatar

I didn't know layers could be used in so many ways. Yet another cool thing to do, learn and put in practice within the next collages.

0
0
0.000
avatar

I have an iPad Pro so i cannot use the tutorial but i very much like the way your blogs are laced out

0
0
0.000