 Hello everybody! Welcome back to another Adobe Animate tutorial. In this one, I'm going to show you how to use shape tweens, or in-betweens, and I'm also going to show you how to use the ease effect, including how to apply different styles of easing. So basically, different accelerations and stopping speeds and things like that. What am I talking about? Let me just show you instead of telling you. Alright, I've got my selection here selected. I'm going to go ahead and hit play here, and you will see. There she goes. There goes the ball. You'll see that it bounces there, and they just basically move at different speeds. They speed up, they slow down and speed, decelerate, etc. Alright, now let's go ahead and do this from scratch. So what I've gone here is so I can show you exactly what I did. I'm going to go file new, and let's just create a new one from scratch. So I'm just going to select HD 1280 by 720, 30 frames per second, standard HD standard stuff. I'm going to go up to the top here, and I'm just going to right fit in window so that you can see a little better. Okay, we've got layer one. Great. Now I'm going to go ahead and click on new layer. And then on this layer, I'm just going to draw a simple ball to show you how to do this, or a simple oval. That's probably a better way to put it. So I'm going to go ahead and just draw out an oval. I'll hold down alt or option so that it's drawn from the center, and when you hold down shift key, it's also drawn symmetrically. So we've got ourselves a cool little ball, and I'm just going to position it over here somewhere. Okay, good. Now I want this animation to be five seconds long. So I'm going to go out to the five second mark, which is also the 150 frames, because it would be five seconds times 30 frames is 150 frames. And I'm going to go ahead and left click on this little button here, or a little tab or so. And I'm going to select both the top and the bottom of the both layers here. What I'm going to do now is I'm going to create keyframes. So I'm going to go over to here, and then I'm just going to left click on frame. Actually, you know, I'm going to left click on keyframes because these are all going to be keyframes left clicking on keyframes. Here we go. There we go. Now we've got some keyframes. And what this means is I can basically slide my playhead along. Now, selecting the top layer, the bottom layer is of no value. So I'm just going to lock it. I'm going to select the top layer. And now you're going to notice here before I proceed that I have auto keyframe selected, meaning there is a check mark beside auto keyframe as you can see. If you do not see that, you will want to left click on this and make sure that it is selected. And it's right here under the keyframe button here. I'm going to move to the first second, which is 30 frames in. And then I'm going to move this circle or this sphere. Oops, I'm going to click on that. I double clicked it and I didn't mean to. And I'm going to move it down to about here. And then at the second, second right here, I'm going to move it up to here. So I'm basically just building a very simple animation just to show you the technique. I'm going to the third second. I'm going to move it down to here somewhere. And at second four, I'm going to move it to the top. There we go. Okay, so what do we have so far? Let's move this to the beginning and hit play. Click, click, click, click. All right, good. We've got a very basic animation, but we have no in-betweening. We have no tweening. And that's what we want to work on here. So the next step, and probably the one you've been waiting for me to get to, is for on this layer, you can select any one of these keyframes in between the first, the big keyframe here where we start the ball moving or the sphere movement and the start. So anywhere in here, I'm just going to select a random keyframe. And when I do that, I'm going to left click on it. And you're going to see here that I've got some options. In particular, if we go up to the timeline, you're going to see here that on this button here, we have the option to create a classic tween, a motion tween, and a shape tween. I currently have shape tween selected. That's the one that we want. So I'm going to left click. And when I do that, I get, I A, create a shape tween, and B, I get this cool arrow looking thing. What does that mean now? Look, here we go. When I hit play, it actually tweened. So it animated the motion from the beginning right to the point. Now this is something you don't necessarily have to do, but I like it and it's good for this tutorial. I'm going to go ahead and do this very quickly for the other ones. I'm going to click on any random keyframe, and then I'm going to go create shape tween. I'm going to click one here between these two, create shape tween, and I'm going to do it again for the final one. I'm going to create a shape tween. So what we've got here is we've got basically a bouncing ball that just goes up and down with shape tweening. That might be enough for some of you, but you probably want to learn a little more, so let's keep going. All right, the next step is I'm going to go ahead and click on this loop option. And when you do that, you get these little handlebars here. I'm going to drag the bright one out all the way to five seconds. And the reason why is when I hit spacebar, or pardon me, when I hit the play return button, it's the return key in it, I mean not spacebar. I'm mixing up Premiere Pro and anime. It will just keep playing it over and over and over again. So it basically just loops it. So here we go. We've got the loop in effect, great. I'm going to hit stop. I'm going to move this now to the beginning, and now we're going to work on the final cool stuff. The last step in this tutorial is we're going to want to change the easing or the ease effect. The way to do that is I'm just going to left click and you're going to see here that on the right side here are properties. There's something called tweening, which is what we've done, but you will see that there are effects. Now when you left click on it, I left click on classic ease, and you will see a few options. Classic ease is basically just linear ease. It's not very, very useful. For this first one, I'm going to go ease in and ease out, and I'm going to select the top one, which is quad. Now please note that you have to double click in order to apply this. If you left click on a single click, it can be a little frustrating if you're not used to that. Double click, and you're going to see here already that the shape moved a little bit, and when I go to the beginning and I hit play, you're going to see that it doesn't quite move in a linear fashion. There's some increase and decrease in acceleration and deceleration. Let me go. There you go. Did you see it? It's pretty subtle, but it's very effective, and it's a nice way to get a more natural looking animation. Now I'm going to select any of the key frames between the second set, and I'm going to show you a different one. I'm going to, again, go to tweening, classic ease, but instead of ease in to out, quad, I'm going to try something like a bounce. This is pretty cool. I'm going to go ahead and double click it just to be sure in order to apply it. Now you don't always know what's applied, because you can't see it on the timeline here, but you will see over the top right that it says effect, bounce, ease in, out. I'm going to go move to the third one here. I'm going to click on it, and this one I'm going to go from classic ease. This one I'm going to go with, let's go with an ease out, and let's go with an elastic one. Why not? We're going to be experimenting here, and then the final one, I'll go ahead and left click, and instead of a classic ease, I'm going to go ease in to out, and let's go with something like a... let's go with a Cirque. We're going to go with a Cirque. Whatever that is, I'm going to double click it to apply. Now, we've applied four different styles of motion animate tween. We've got four styles here. Let's go ahead and click play and see what we got. Slow roll, bouncing, bouncing, elastic, bouncing. We've got the loop on, and you can see here that there's a few different styles that are kind of cool. I personally like the first one a little more than the other ones, but I want you to know they're there. This is how you do a proper shape tween, and how you go ahead and do the effects on tween. So guys, I hope this video helped you. A ton more stuff coming up. Stay tuned. I'll be back soon.