 Hello everybody welcome back to another adobe animate tutorial in this one. I'm gonna show you how to mask Masking in adobe animate is quite a bit different than what you're used to if you're coming from premier pro or adobe after effects For example masking is a whole lot different and there's some tricks and techniques to it So here let me show you what I got here's a here's just a standard shot of a Sun going over from the right side to the left This is not going to win any design or animation awards, but that's not the point It's a tutorial now I'm going to hide that layer and I'm going to unhide it and here is the mask version And you'll see here that as the sun starts to move the stars in the sky start to slowly show up So that is with a mask So I'm going to delete this layer and I'm going to show you how to do it step one right through to the end Okay, excellent. Let's go for step here deleting that mask layer now I've got sun stars ground sky and the default background layer and as you can see here again Just a standard animation the next step if you want to do a masking is to create a new layer And that new layer is going to be called mask You can call it anything you want, but I'm going to call it mask just for my own Ease of wreck recall. Yeah, we'll go with that. All right guys The other thing I want to talk to you about before I move on is masking is generally the last thing you want to do So after you've done your animation if you want to do a mask I recommend doing it at the last step because it does look a little funny Anyways, you'll see what I'm talking about in a second. Okay, now I'm left click on the mask layer And now I'm going to move my playhead out to the end Right about there and I'm just going to click on this little animate or auto insert keyframe So I'm just going to just make sure that there's a keyframe at the end And we are on our way Now the next step is I'm going to go and again I brought the playhead to the beginning I'm going to left click on the rectangle tool and we're going to create a rectangle Shape mask, so I'm just going to draw a rectangle And you'll see here that I'm drawing it in red Now I'm doing it in red on purpose because I really want this to stand out And also you won't forget about it if it's this bright and it's on yours You'll know it's you're working with a mask layer. Okay, so I've drawn a Rectangle and here I'm going to go click on the selection tool on the left click on it And then I'm going to left click on the little rectangle that I built and you're going to see that it is 20 high So that means it has 20 pixels in height and what I want to do Is I want to start it at 20 pixels and then I want to move it across the screen Or to basically take up the whole screen kind of as the sun is moving So let's say as I get out to about The end by the end of it. I want it to be Completely across the whole screen So I'm going to left click on it again You're going to notice my playhead is out at the end and I'm going to adjust the height now So that it is 600 and something or whatever as long as it covers the whole screen There we go. It covers the whole screen Done, okay Now you're going to notice here that I haven't put a tween in it yet. So basically this is not going to look right yet So I'm going to go to the beginning It's going to have the mask there and then it's going to go to the end And the mask is going to be completely over. There are a few more intermediary steps The first one is you need to put in a shape tween I'm going to click anywhere on this Timeline here on the mask layer. I'm going to right click And you're going to have an option to create shape tween Very important now when you see here, we've got the mask slowly Going over just like we said it would we're still not quite there though guys because this is currently a regular layer And a regular animation the next step And this is the critical one is you need to right click on the mask layer Like that and then they have something that's just called mask So when you left click on that you're going to see here that the stars The layer underneath it has now gone under the mask. It looks a lot like a clipping mask in photoshop Um, and it's very similar concept Now watch what happens. Actually, you know what we're going to create a loop first So before I do any of that fancy stuff, I'm going to go and I'm going to left click on loop And then I'm just going to get these handles here And I'm going to drag the loop out to about there just so you guys can see what I'm working on So now we've created it turned it into a mask clear I'm now going to hit play and let's see what we got That looks pretty good But I mean to be blunt it's we can make one more adjustment And this is not necessary, but you also have the option to go ahead and Change what the heck am I doing you can change the tweening So now that we have the shape tween on there if you click on the layer And then you click on the layer in the timeline here. You're going to see tweening right now It has classic ease as the effect the tweening effect, which is basically nothing What I like to do is I like to do ease in and out in this instance And then I'm just going to apply a basic cubic so you need to double click on this Like I can't stress that enough if you just single click on it It doesn't work, but if you double click You're going to see that the effect cubic ease in and out has now been applied So it's going to have a little bit of a little bit of an ease in and out effect Let's go ahead and look at it one last time There we go now it's just slowly bringing in the stars And finally if you're still not convinced if you still actually you know what I will make another note If you don't if you unlock these layers are unlocked here You'll see here that if this layer is not locked Right now it's locked and it looks correct But if this is left unlocked you're going to see that big red Or rectangle or shape going across your screen. You're like, how do I get rid of that? This is the trick you need to lock the layer and then preview it And then if you want to go an extra step you can go up to the top right and click on the test movie And this is going to show you what it looks like That is how you mask inside adobe anime. Thanks for watching this tutorial ton more stuff coming up. Stay tuned