Layers (digital image editing)

From Wikipedia, the free encyclopedia

Layers are used in digital image editing to separate different elements of an image. A wide range of image editing programs include this feature. Adobe Photoshop has had the functionality since 1994.

Contents

[edit] Layer types

There are different kinds of layers, and not all of them exist in all programs. They represent a part of a picture, either as pixels or as modification instructions. They are stacked on top of each other, and depending on the order, determine the appearance of the final picture.

[edit] Layer (basic)

The standard kind of layer is called simply "Layer" in most programs. It contains just a picture which can be superimposed on another one. The picture can cover the same area as the resulting picture, just a part of it, or, in some cases, a bigger part than the final picture.

The top layer (the bird) is moved to the left.
The top layer (the bird) is moved to the left.
The top layer is moved to the right.
The top layer is moved to the right.


A Layer can have a certain transparency/opacity and a number of other properties. In a high end program like Adobe Photoshop, a basic layer may have more than a hundred different possible settings. Even though some of them overlap and give the same result, they give a skilled user a lot of flexibility. A free program like the GIMP may not have as many settings, but well used they can often provide a satisfactory result.

Two Layers can blend using one of several modes which result in different light and color combinations.

The top layer (the bird) is partially transparent, so the background clearly can be seen through its wing.
The top layer (the bird) is partially transparent, so the background clearly can be seen through its wing.
In this picture the top layer has a drop shadow, a red color overlay of 40%, a gradient overlay from red to yellow of 20% opacity, and a slight bevel effect.
In this picture the top layer has a drop shadow, a red color overlay of 40%, a gradient overlay from red to yellow of 20% opacity, and a slight bevel effect.


[edit] Layer Mask

A Layer Mask is linked to a layer and hides part of the layer from the picture. What is painted black on the adjustment layer will not be visible in the final picture. What is grey will be more or less transparent depending on the shade of grey. As the layer mask can be both edited and moved around independently of both the background layer and the layer it applies to, it gives the user the ability to test a lot of different combinations of overlay.

This picture consists of a blue background and on top of that a layer of conifers cut using a layer-mask in the shape of a seagull.
This picture consists of a blue background and on top of that a layer of conifers cut using a layer-mask in the shape of a seagull.
The blue sky used as background layer.
The blue sky used as background layer.
The greenery used as top layer.
The greenery used as top layer.
The layer mask that was applied to the top layer.
The layer mask that was applied to the top layer.


[edit] Adjustment layer

An adjustment layer typically applies a common effect like brightness or saturation to other layers. However, as the effect is stored in a separate layer, it is easy to try it out and switch between different alternatives, without destroying the original layer. In addition, an adjustment layer can easily be edited, just like a layer mask, so an effect can be applied to just part of the image.

A gradient is applied as an adjustment layer to the entire image except the oval in the middle, which was cut out from the adjustment layer.
A gradient is applied as an adjustment layer to the entire image except the oval in the middle, which was cut out from the adjustment layer.

[edit] See also