Image Masking

2 Minute read

Reading Time: 2 minute

Using the masking tool in Ceros, you can transform images and GIFs into virtually any shape you want! Masking assets directly in Ceros can streamline your workflow so you’re not constantly jumping over to a design tool if you need to create an image mask. With the Ceros masking tool, you can leverage both standard and custom shapes in the studio to mask JPEGs, PNGs, and GIFs.

Here’s how:

  1. Place the image or GIF that you’d like to mask onto your Ceros canvas. We’ll refer to this asset as the original asset. 
  2. Layer a shape over the original asset on the canvas. This can be a standard shape (circle, square, triangle) from the Ceros shape tool, or a custom shape you’ve created using the Path tool . We’ll refer to this shape as our masking shape. 
  3. Select both the masking shape and original asset by holding down shift and clicking on both objects on the canvas or in your layers panel.
  4. With both objects selected, right click and select “Create Mask” from the right click menu. 
  5. And that’s it! Your original asset will be cropped into the masking shape that you’ve applied. You’ll see that in your layers panel these elements have become a “mask group”. Note that once your mask group is created, the masking shape must remain on top of the original asset.

If you’d like to edit the original asset, you can select it from the Mask Group in your layers panel. From here you can resize, rotate, or edit your image as needed.

As a Ceros user, there are a few things to keep in mind when masking images and Gifs in the studio.

  1. Your masking shape must have a “fill”, and cannot have any stroke applied to it.
  2. Masking shapes cannot have shadows.
  3. You are able to animate and interact with the Mask Group as a whole, however you are unable to apply interactions and animations to the original asset and masking shape individually.
  4. Only JPEGs, PNGs, and Gifs are supported as masked objects in Ceros—you cannot create video masks in Ceros.
  5. Image Masking is not supported in IE 11.

It’s important to note that this is a brand new feature in Ceros, so we’re continuously working to improve the functionality of the masking tool! If you have any questions about the feature, do not hesitate to reach out to our support team through the in studio chat widget.

Was this helpful?

8 0
8 out of 8 people found this helpful