Learn how to create a Motion Tween in Adobe Flash CS3.


More DIY videos at 5min.com

Video Transcription

Now, the next thing we want to look at is advancing the on keyframes and actually using the keyframes to create animation. Let me take a look at one little segment of our animation. I am going to click on the eyeball here and zoom in on it. I will just use command plus of course and let us go back, I will move my play head back here a little bit where our eye ball is moving up now. We got the eye ball starting out looking like it is close. It pops open here and then it bounces up. Now, what if we wanted to have the eyeball moved up instead of just popup into up position? Well, using what we know so far, we would need to add more keyframes and set each one of the positions of the eye ball as it slowly moved from one point to another it got to its final location. Now, that is creating a lot of keyframes and what we want to do is find other way to do this without having to create all the keyframes ourselves. The technique we are going to use is called the tween. Now, we have got to set up a couple of rules in order to get a tween to work properly. So, let me go into the end of our animation and we will click on I1 here. Now, let us say in our animation, you see this, his eye ball pops back from big size to small. He is going to look over here to the left. Once again, I need to have to my eye ball moving over that position. In order to use a tween, we are going to create almost the same thing. I am going to create in the beginning position which we have already got set up and I am going to create the ending position. But this time, we are going to have the flash program, fill in the spaces in between the starting and ending positions. Now, to get this to work properly, we need to follow a couple of rules. The first one is, I can only tween one object per layer. Now, we are okay here because I have only got one shape in the layer. But the second rule is going to be a little problem. I need to have the object to be something other than a shape in order for our tween to work. Now, we can start this off by using a group. So, I am just going to take that object and I am going to group it. So, we have satisfied our two requirements. One object is in this layer and it is not a shape. I will click on the selection tool there. We can see that blue outline. Now, I did this all before I made the next keyframes so I am going to make the next keyframe out here at frame 35. We will press F6. Remember that copies whatever is in the last keyframe forward, so I have a group here and a group back in the previous keyframe. I am going to take the one at frame 35 and we will just move it over here a bit. I will move it off to the right. And now, we can set up the tween part. We got a beginning point and ending point. I am just going to click in the middle of this two. We are going to add the property windows and since I have just selected a frame, the property window showing me frame properties and we can set up our tween right here. Now, the type of tween we want to use is the motion tween. We will just select from the pull down menu and we should see a blue arrow appear. If you drag your play head around, you can see that there is my starting position. As I move forward, any place where I received the blue arrow, we have actually got the program figuring out the position of the object in between our start and stop points.