Articles on: The Pro editor

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.


Creating a mask


To convert your element into a mask, right-click any image element and select the ‘Use as mask’-option that appears.


Image: converting an image into a mask in the Maglr Pro editor


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.


Image: elements covered by a mask in the Maglr Pro editor


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.


Image: example of a masked image


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.


Image: unmasking an element

Updated on: 08/02/2023