From the course: Prototyping Microinteractions with Adobe Animate

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Using masks

Using masks - Adobe Animate Tutorial

From the course: Prototyping Microinteractions with Adobe Animate

Start my 1-month free trial Buy for my team

Using masks

“

- [Instructor] Masking in Animate is a simple way to achieve some really neat effects in your projects. Masks are composed of shape data and act as a sort of punch hole through which the mask layer content can be revealed or hidden. Masks can even be animated themselves through use of a shape tween. We're going to use this starter file, in this case, so this file already has a phone layer in it where we have this phone background. It's a device that can be simulated here. And it has frames stretching from one all the way to 30, composing of one second. Inside the library, here's our ball graphic symbol, so let's go ahead and create a new layer and we'll name this ball, and then we can just drag the ball out onto the device, and let's center that to the stage using the align panel. All right, that's perfect. It's already centered for us, so what we see here is the ball is overlapping some of the chrome. In order to make this more effective and realistic, we're going to have to mask…

Contents