Using masks
In the Maglr Pro editor, masks can be used to show specific parts of elements while concealing the rest. This allows you to create more custom shapes and apply specific animations, effects & actions to the elements that are covered by the mask.
Note: only images (jpeg, png & svg) and 'vector shape' (rectangle, triangle, polygon, star & oval) elements can be used as a mask.
To convert your element into a mask, right-click any image element and select the ‘**Use as mask**’-option that appears.
It will then cover all elements above the mask until it reaches:
The top of the group in which the mask is present;
The top of the layer tree;
Another mask.
Tip: with this in mind, it would be wise to always place your masked element inside a group, so that it will only affect a specific selection of elements.
A new icon will appear in the Layers panel, representing the image that you have converted into a mask. An upward-facing arrow will also indicate all the layers that are covered by this mask.
After converting your image into a mask, all animations, effects, actions & accessibility options will be disabled. You can only change the masks’ general settings, such as its size and opacity.
Even though the options of the mask itself are limited, you are still able to adjust all settings of the elements & groups that are covered by the mask. This allows you to create custom animations & effects that can only be seen inside your (masked) frame.
You can remove the mask by simply right-clicking it again, either through the canvas or the Layers panel. The Unmask-option that appears here will remove the mask when clicked and revert the element back to its original state.
Note: only images (jpeg, png & svg) and 'vector shape' (rectangle, triangle, polygon, star & oval) elements can be used as a mask.
Creating a mask
To convert your element into a mask, right-click any image element and select the ‘**Use as mask**’-option that appears.
It will then cover all elements above the mask until it reaches:
The top of the group in which the mask is present;
The top of the layer tree;
Another mask.
Tip: with this in mind, it would be wise to always place your masked element inside a group, so that it will only affect a specific selection of elements.
A new icon will appear in the Layers panel, representing the image that you have converted into a mask. An upward-facing arrow will also indicate all the layers that are covered by this mask.
Mask options
After converting your image into a mask, all animations, effects, actions & accessibility options will be disabled. You can only change the masks’ general settings, such as its size and opacity.
Even though the options of the mask itself are limited, you are still able to adjust all settings of the elements & groups that are covered by the mask. This allows you to create custom animations & effects that can only be seen inside your (masked) frame.
Removing the mask
You can remove the mask by simply right-clicking it again, either through the canvas or the Layers panel. The Unmask-option that appears here will remove the mask when clicked and revert the element back to its original state.
Updated on: 08/02/2023