 Hello everybody, welcome back to another Adobe Animate tutorial, formally Adobe Flash. I'm going to show you how to use motion tweens inside Adobe Animate and I'm also going to show you some options for easing using the graph here as you can see and just some more advanced stuff with motion tweens. So I'm going to go ahead and quickly hit play and when I hit it, you'll see how it started slow up at the top here and then it accelerated down here at the bottom. So we've got it eased in at the beginning. We've also made some adjustments to the motion path. You'll see here it's kind of squiggly and instead of going straight across it goes in a little bit of an arc. I'm going to show you how to do all that stuff. So let's just go in and start. I am going to delete that layer like I just did there and presto. We've just got three seconds of nothing. We've just got just some keyframes. First step here is you want to go ahead and create a new layer and I'm going to call this one Sun. Why not? I didn't label the other ones because they're basic. Now on this new layer I'm going to go ahead and grab the oval tool. I'm going to hold down the Alt or the Option key as well as the Shift key and then I'm just going to go ahead and make a little tiny circle for demonstration purposes. That is our Sun and that is what we're going to animate. Okay good. I've gone ahead and selected the selection tool. I'm going to click on the Sun and I'm going to move it up here somewhere. So we're going to start the Sun. I don't know. What do you think? Somewhere like that? Okay good. Now the next step and this is the critical one and this is how it's different than using a classic tween. Normally in a classic tween you would go to the end of the shot, grab the Sun, move it down here to the bottom left and then just insert a classic tween but that's not how it works with motion tweens. With motion tweens I'm going to go here to the beginning one. I'm going to make sure I'm selected on one of the frames and now I'm going to go insert or create insert create motion tween. Well that was a mouthful. Now you'll see here that it's gone yellow and that means that when I start moving it it will now create a motion path. So now I'm just going to go to the last frame. I'm going to left click on the Sun here with my selection tool and I'm going to just pull it off the screen here somewhere like that. And as soon as you do that it creates pretty much a perfect motion path without any arch, without any easing. It just goes left to right to left and if I hit play it's a uniform animation and what I want to do is I want to show you a little more. So the first thing I'm going to show you is how to bend the animation or bend this arc. Basically we're going to arc it. Now when I grab the selection tool if I hover over here nothing really happens but if you hover near the line you're going to see a little squiggly line underneath it and that means basically that we can alter the path. So if I want to alter the path say somewhere in the middle around here I'm going to left click on it and I'm going to pull down and you can already see what's happening. This is the motion path and instead of going in the straight diagonal now watch as I just sort of scrub through it goes down and then it goes out. That is one way to change a motion path or use a motion tween and get a very cool unique animation. Now I can go back and hover on top of it again and as I hover over any of these lines here you're going to see here that I can go ahead and make more adjustments. So if I wanted to pull it a little this way pull it some more. Easy to do depending on what you're looking for and if you find that you're out of the screen a bit too much you can just actually actually know what I'm going to go ahead and change it from fit and window which is 63% to 50% and when I do that you'll be able to see the remaining motion path here in the frame. So also when you hover with using motion tweens you're going to notice that sometimes you're going to get what looks like a reverse L or a triangle depending on which way you're looking at it. Let's go down here when you get that you can adjust the path the end path so you can adjust the path in the middle here and adjust it and you can also adjust the ending and the beginning. So if I wanted this to start over here for example also something you can do. All right good so I'm hoping you guys are with me here we're using motion tweens. Now it's time to show you how to ease a little bit. Now I'm going to go ahead and click on the path here and when you do that I just clicked on any one of these paths so any one of these motion little points and you're going to see here under tweening you go to frame tweening and then you've got ease and this is your easing value. Now for this one I want it to ease in slowly so I want the Sun to slowly come in and then when it gets closer to the end it'll go back to normal speed so I'm going to hover and pull this to the left and what this does is it says easing value 100 in what it does and I'm going to show you is it makes it slow to go in and then regular speed at the end. Let me hit play for you slowly in and then it accelerates out to the end so you can go ahead and adjust the easing if you want it go the other way where it's a hundred out and slow here then let's take a look at this regular speed slow at the end. Now I understand that this is very basic so these are basic types of easing but I wanted you to be aware of them so that you can go ahead and use those also if you really want to go down the rabbit hole you can do some more you can go up here and under frame motion tween you're going to see this little pencil you can left click on that when you do that you load up the motion tween graph here you can actually go in and customize the easing now this is a pretty complicated thing to do so I don't think I want to spend too much time here showing you all the ins and outs but you'll see here on the graph that you know as we go through you'll see the different lines here this is the X this is the Y and you can go ahead and make changes to them so I'm going to double click on the X and actually you know what let's go ahead and go down here you're going to see apply ease for selected property I am selected on the X axis and I have simple slow selected if I left click on that I can make changes so this is the slow this is medium this is fast this is fastest you'll see here that we can go ahead and start to make changes if I want to bounce and sprint so I've got a bouncing animation these are all pre-built and if you want to use them go ahead I'll let's hit this let's see what this one looks like anyways oing okay yeah very cool so this isn't so much easing as it is an animation style but I wanted you to be aware of those that you can use those as well but anyways guys that is the basics for motion tweens thank you for watching tutorial ton more stuff coming up stay tuned