Doodly Intermediate Tutorial

Working with Masks

Intermediate Tutorial #15

Working with Masks

This article will define and explain how to work with various masks in Doodly and how to use them with the various canvas types.

What is a mask?

It is a shaped asset that is the same color as the background for which it is covering. Masks can be created in a variety of shapes, sizes and colors.

When would I want to use a mask?


Smooth Fading

In order to make something disappear, fade out, or cover up a portion of an item on the canvas. Watch the first video tutorial we ever created which is Smooth Fading Made Easy. That video is entirely done using masking techniques. The video is extremely fast since we were just becoming familiar with Doodly’s capabilities and limitations.

Can I use a mask on the chalkboard or custom image canvas?

Chalkboard
This is not easy to accomplish in Doodly because of the chalk selection. The chalkboards in Doodly require the writing medium to be chalk. When the chalk is selected, the imported images become grainy making it impossible to use a mask. We can use a custom image background as a chalkboard, choosing the chalk to provide that chalkboard effect, then when it comes time for the mask, we can export the scene with and without the desired assets. Using the None transition, we can place the first image with the asset onto the canvas for a seamless transition so we are now working with the image. In this new scene, we choose the marker so we don’t get the grainy effect on the image. We can now fade in the next image to fade away the asset, now we use the none transition again to move back to the next scene with the chalk selected.

Custom Image
As long as the chalk medium is not selected then we can use a mask. This is a little more difficult since Doodly’s shading inside the program is a little different than the exported video Therefore, it is possible to run into a slight shading issue when attempting to use a portioned mask instead of a full screen mask. It may be better to export the scene without the undesired assets, full screen it, take a screenshot, import that back into Doodly and mask the entire scene instead of just a portion of it.

Transparency Masks

These are masks that work with transparency in shapes. This allows us to remove only a portion of an asset behind another asset in Doodly. Picture having two people with the much taller person standing directly behind the other. We want to remove the person behind the first. We create a transparency mask and it uses transparency where we want to keep the assets on the canvas while we match the canvas background behind the asset.

What are the best masks?

Solid color masks are the easiest and best masks to use. Keeping in mind, Doodly's constrained proportion resizing method makes solid shape masks the easiest to work with but if we know we need to mask out a table then we would want a 16:9 ratio of a mask but if we know we need to mask out a box then we may want a 4:3 mask instead.

Frequently Asked Questions

Find answers to the most common questions regarding this topic.

A mask is an element shaped and colored to perfectly match your canvas background. People use these items in various sizes and colors to hide or blend specific parts of their animation.

You would use this method when you want to create a smooth fading effect. It is incredibly helpful for making objects disappear, gradually fade from view, or when you simply need to conceal a specific section of an element on your screen.

Applying this technique on a chalkboard is quite difficult because the chalk tool makes imported images appear grainy. To get around this issue, you can export scenes with and without your elements, use seamless transitions, and temporarily switch to a marker tool to prevent the grainy appearance before switching back to chalk.

Since the shading inside the software can differ from your final exported video, partial covering might look slightly off. The best approach is to export the scene without the unwanted elements, take a full screen capture, bring that picture back into the software, and cover the entire scene rather than just a small piece.

These specific tools let you erase just a section of an object that is standing behind something else. For instance, if a tall character is behind a shorter one, you can apply this method to hide the background character while keeping the front character completely visible and matching the canvas behind them.

About the author

Copy Image
Copy Image URL
Download Image
Support