Skip to main content

Knowledge Base

Masking in Studio

Masks are used to control the transparency of an element. Where element opacity controls the transparency of the entire element at once, a mask gives more precise controls over specific areas, and allows designers to create more complex designs. 

In Studio you can use any existing elements or groups in your design to mask other elements. The element that is used as a mask will be hidden on the canvas, but is visible in the layer or timeline editor. Studio will use the alpha channel of the element to mask, and in case of a group it will use the combined alpha of all elements in the group. You don't need to place the mask in a specific order before it becomes effective. Masks can be applied on all elements, such as images, texts, shapes, and groups. Because masks behave like normal elements, you can apply transitions, animations, and effects.

Create a mask

Select the element that you want to mask

Navigate to the masking section on the image/video/text tab

Click on the Select element button, then:

  1. Select which element you want to use from a list of all existing elements in your design

  2. Search for an existing element that you want to use as a mask by typing the name

  3. Create a new shape element and automatically assign it as a mask

With the more options menu next to the mask selection you’ll find two more options:

  1. Edit the mask: This will select the mask element and will open the properties tab

  2. Remove the mask: This will remove the masking relation, but the original element that was used as a mask will not be deleted

Set the mask mode

You can control the behavior of the mask by setting the mask mode:

  • Alpha: the original alpha channel of the element is used

  • Alpha inverted: the mask is used in inverse

  • None: the mask is still linked but not applied to the element

Link masks

It is possible to use a Masked element as a mask. This allows you to create more complex masks. Alternatively you can use groups as well.