Skip to main content

Layer

An artwork in Pixelorama can be consisted by several layers, giving you better control over different parts of the image, by allowing you to edit these parts without affecting any other part of the image. Layers are stacked on top of each other, which means that bottom layers are being drawn behind top layers. You can edit them in the timeline. Each layer consists of a cels, the number of which depends on the number of frames that the project has.

Types of layers

Right now, there are three types of layers. Pixel layers, group layers, and 3D layers.

Pixel layers

Pixel layers are the default and most straight forward type of layer. Their cels contain regular raster image data, in which you can normally draw and manipulate pixels. Pixel cels are the only types of cels that can be linked right now.

Group layers

Group layers are used mostly for organization and their cels are empty and do not hold any actual data. They can be used to group common layers together, and they can expanded and collapsed from view in the timeline. If their blend mode is set to something other than passthrough, they blend all of their children together, and they can be used as clipping masks, and by clipping masks.

3D layers

The cels of 3D layers contain 3D mesh, lighting, camera and environment data, that are being rasterized based on the size of the canvas. They can contain lights, such as directional lights, spot lights and point lights, and a variety of primitive meshes, including boxes, capsules, spheres, cylinders, prisms, toruses, planes and even text. Importing custom .obj models is also possible.

Blend modes

The blend mode of each layer determines how its colors blend with the colors of the layer directly below it. Pixelorama supports the following blend modes:

NameCategoryDescription
PassthroughNormalOnly for group layers. Ignores group blending, like the group doesn't exist.
NormalNormalThe blend layer colors are simply placed on top of the base colors.
DarkenDarkenKeeps the darker colors between the blend and the base layers.
MultiplyDarkenMultiplies the numerical values of the two colors, giving a darker result.
Color burnDarkenDarkens by increasing the contrast between the blend and base colors.
Linear burnDarkenDarkens the base colors based on the value of the blend colors.
LightenLightenKeeps the lighter colors between the blend and the base layers.
ScreenLightenLightens the colors by multiplying the inverse of the blend and base colors.
Color dodgeLightenLightens by decreasing the contrast between the blend and base colors.
AddLightenLightens by adding the numerical values of the two colors. Also known as linear dodge.
OverlayContrastLike Screen mode in bright base colors and Multiply mode in darker base colors.
Soft lightContrastSimilar to Overlay, but more subtle.
Hard lightContrastLike Screen mode in bright blending colors and Multiply mode in darker colors.
DifferenceInversionSubtracts the blend color from the base or vice versa, depending on the brightness.
ExclusionInversionSimilar to Difference mode, but with less contrast between the colors.
SubtractInversionDarkens by subtracting the numerical values of the blend colors from the base.
DivideInversionDivides the numerical values of the base colors by the blend.
HueComponentUses the blend hue while preserving the base saturation and luminosity.
SaturationComponentUses the blend saturation while preserving the base hue and luminosity.
ColorComponentUses the blend hue and saturation while preserving the base luminosity.
LuminosityComponentUses the blend luminosity while preserving the base hue and saturation.

Layer effects

Layer effects are image effects that are being applied to the layer in a non-destructive way. This means that they do not directly modify the image data, which allows artists to disable and enable them at will, without having to worry that their work will be modified in a permanent way. They are only being applied on export, and they can be previewed in the canvas, if "Display Layer Effects" is enabled, under the View menu. Each layer can contain multiple layer effects.

To add a layer effect, you can click on the "FX" button in the layer area of the timeline. A window will appear, that lets you add, remove and change the order of layer effects. You can also change the properties of each effect. For a list of all available layer effects, see image effects.

Layer vs image effects

The difference between layer effects and image effects, is that layer effects can only be applied per-layer and are non-destructive, while image effects can be applied to multiple cels at the same time, and are destructive. Also, as of right now, layer effects cannot be animated.

Clipping mask

Clipping masks can be used to draw the content of the layer only on top of the non-transparent pixels of the layer directly below. In other words, the layer below the clipping mask is what controls the visibility of the content of the clipping mask. You can make a layer be a clipping mask by right-clicking the layer button in the timeline, and toggling "Clipping mask".