In this lesson I will show you classic tweening. Make sure you have Adobe Animate open. From here I'm going to create a new file. Now it's time to choose the preset. Here I'm underneath the Animation tab for character animation. There are four different presets. You can use standard, HD, full HD or 4K. Standard is fine for now which has a width of 640 and a height of 480. Keep the frame rate at 30 in the platform type action script 3.0. Getting started, select Create. Looking at the interface I have a workspace that is set to Classic. So be sure to look up Window at the top, go down to Workspaces and select Classic. That is the workspace that I'm currently using. Now to classic tween. Here my Library tab is at the top with this classic workspace. From here I can go ahead and rename layer one. To keep track of the different tweenings I'm going to rename this. This layer will be called classic tween. Getting started with the classic. Let's explore one of the shapes under the rectangle tool. We have the rectangle and the oval that we can use as well as the polystar tool. From here, clicking on rectangle, you can also choose a color underneath Fill. With Fill selected, you can go ahead and pick a color. With the color selected, just begin to draw. We're gonna use this shape as our example to demonstrate classic tween. Here's classic tween layer. And the shape that I drew is now in the layer. I can tell that it's inside the layer because the box is not the color of the other boxes here. It's this light color with a dark dot, meaning that an object has been added. Also, if you pay attention very closely, look as I click on this right here for frame one, it activates the full shapes and lines that are within this layer. So if you had multiple things inside of layer, for example classic tween, by selecting the frame it will auto select everything that's in that frame. To move an object you can use the selection tool. With selection you can also move it around and you can also rotate. To rotate you click on free transform tool. And once activated, you can click and drag like so. Now to tween this shape, I am on frame one. To demonstrate this on frame 40 I want to extend the timeline. To extend the timeline I'm just going to right click and let go and insert the frame. Here we can see that the shape is now on frame one through 40. However, the shape doesn't move for this classic tween. That's because we have some more steps to go. Here before you saw me add insert frame, but the way classic tween works is that you'll have one or more poses. And between those two poses or more, you can choose different positions or even sizes. So for example, as I right click on 40 I can go to Insert Keyframe. Notice now that there is a dot here. There wasn't a dot there before because we just inserted the key frame from one through 40. However, the position on 40 and the position on frame one are exactly the same. So how about I change it up a bit? So on 40 I can make this a bit bigger like this, and also how about I rotate it? Now you can see when I hit play though, mmm, doesn't do much and doesn't really animate between as far as transitioning. It just pops. Now, if that's the effect that you're going for that could be cool. But I wanted to slowly go from one position in time to the other. To activate classic tween, simply right click over the first frame and go to Create Classic Tween. Now from here, we are prompted with a message. It's saying you must convert frame content to assemble. And no worries, it will do that for us. So I'll just tap OK. From here under Properties and Assets we need to make sure that Library is also over here. The Library tab is here, but just so I can always have access to it without extending this panel, I'm going to click and hold the Library and bring it next to Assets. From here we can see that there are two tweens that are happening. Let's play it. So here you can see that it moves and then it pops into position. Now there's another way that you can create a classic tween. The first way I showed you is by clicking on frame one. Now I'm going to show you how to just right click on the middle of your timeline. So to undo, I'm going to tap Control + Z. And with Control + Z I can just keep tapping that a few times until the purple bar disappears. The purple bar indicated that a classic tween was activated on this layer. Now that it's back to gray the classic tween has been removed. So remember, to undo a classic tween you can just tap Control + Z a few times until it returns back to its normal state. Right clicking in the middle, I can now apply a classic tween. I'm prompted with the message again, and I'll just hit OK. So from here I can see that the shape is still the same result. So you can click on frame one or you can click anywhere in the middle of the timeline. However, it's also good to know every time I added a tween, it actually kept track of those tweens over here in the library. If you don't wanna clutter up your workspace in the library simply just click on it and hit Delete. To bring it back you just tap Control + Z. Notice that the deleted shape is now replaced with these dotted lines, meaning that it's missing its position. So I can just, again, tap Control + Z to bring that back. And I'm just gonna slowly delete this time to see which one, looks like we can see that the four, tween four belong to frame 40. So Control + Z. It's very important to notice what's happening so if an error happens on your end, you can see, well, oh, a classic tween has been activated because the bar is this purple color or perhaps the color of the bar is all gray so no tween has been activated on it. Also, if you keep applying tweens you now know in the library how to delete the tweens that are not currently being used and you know how to recover just in case you accidentally delete a classic tween. In the next lesson I will show you shape tweening.
