How To Create Masks In Studio

Summary

Layer masking is a design technique used to perform targeted edits such as hiding parts of a design element without erasing them. Layer masks can be applied to various elements like images, texts, shapes, and groups. They can also be used for transitions, animations, and effects. With layer masking, you can limit text within a specific box. Layer masking allows targeted edits in images and videos, such as hiding parts of a design element without erasing them. A mask provides more precise control over specific areas, allowing designers to create more complex designs without relying on external software.

Who?

This feature/solution requires your Customer Success Contact to enable, but then individual permissions can be done by the Bynder Admin.

Don't yet have Bynder? Start Here!

Once Studio is enabled users with the Admin or Content Designer permission can create masks.

Why?

Content Designers can use different shapes or assets to control an element's transparency and create image composites. While element opacity controls the transparency of the entire element, a mask gives more precise control over specific areas and removes the need to use external software to adjust the assets before using them in Studio designs.

How?

Creating A Mask

The element used as a mask is hidden on the canvas but visible in the layer or timeline editor.

If you mask an element that contains an alpha channel, the transparency in the alpha will appear in the mask.

  1. Navigate to Studio.
  2. Create a new design or edit an existing one.
  3. Click Edit Design. 
  4. Then choose from either of the following options:

Creating A New Shape Element

5. Select the element to mask.

6. In the right-hand side Property list select Mask. 

7. Select + New shape element from the dropdown. This will automatically create a rectangle shape mask to the selected element. The element will now only be visible within the confines of the shape. Screenshot 1.png

Or Create A Mask For An Existing Element Or Group

5. Select the item that you want to mask.

6. In the right-hand side Property list select Mask. 

7. Select + New shape element from the dropdown.

8. Search for an existing element or group from the dropdown.

Screenshot 2.png

Note: Name your mask element so it is easier to find in the list.

Specifics For Masks In Videos

  • For video designs, the supported file type that contains alpha is QuickTime Prores 4444
  • The supported file type that contains alpha is Quicktime Prores 4444.
  • You can use Quicktime Videos with alpha as a mask.
  • Masks in video designs can be animated.

Related Articles

How To Add, Resize, And Crop Images In Studio

How To Use Text In Studio

Level: Proficient

Proficient-level articles are for users who have some prior Bynder knowledge. These articles require you to know the basics and may also require higher-level portal rights to accomplish the task outlined within the article. 

Updated