How to Divide a Tween into Multiple Tweens in Adobe Flash CS3
Related Videos
Most Recent
Most Viewed


Learn how to divide a Tween into multiple Tweens in Adobe Flash CS3.


Now I have actually got one more Layer that we haven't paid any attention to yet, the airplane. So let's go back out to Scene 1, and let's see if we can set up some quick motion for that. I will just press and hold the spacebar, and that will give me access to the Hand Tool, and I can scroll down the page here a little bit until we can see that airplane. Now you see it's sitting right of the right side of the screen, and for starters we just want to have this kind of enhancing that motion by flying right over the tops of the mountains and just kind of giving us that little waving banner in the back. So let's just make sure we have everything satisfied and set up first. I am going to take a look at the elements in the Layer, when I click on it, you can see that we have got a group, and while a group will actually work fine with the Tween, I am going to go ahead and make it into a symbol. Once again, just because we might need to make quick changes to the elements, or might want some of the specific symbol Effects like alpha or tint. So I am going to press F8, we will give it a name of airplane, and for the Registration point this time, I am actually going to push it to the center of the left hand side, we will click OK, and there's our new airplane symbol. Now we have got it setup as a symbol, and there's only one object per Layer, so we are ready to Tween. I am going to go out and make a key frame at frame 100, and I will just simply take that key frame and move our airplane over to the left side of the screen. If we go back to frame 1, we can setup our motion Tween, and we have got our airplane cruising across the top there, moving a little bit faster than the buildings. So there we have done the same kind of thing that we have for the other Layers. Now one of the thing that we can take advantage of here, is we can take an existing Tween and divide it up into multiple Tweens by just adding more key frame. In this case I want to give the airplane a little bit of up and down motion or may be some rotation to kind of enhance the fact that it's not just something that's going by, it's actually flying around in the sky following a little bit different path. Now to do this we need to add a few more key frame and we will actually use the same procedure we did before. I will just pick out a frame of the motion, let's say frame 25 here in the airplane motion, and I will press F6. What's different is, since we are doing this in the middle of a Tween, it's actually going to setup that key frame at the Tween position, not at the original position, and further more it's going to maintain the Tween relationship on both sides of our new key frame. We have got a Tween now at the beginning with first and the new key frame and we have got another Tween at the end starting at the new key frame and ending at frame 100. Now we can do this as many times as we would like. I will add a couple more key frames, one at 50, another one at 70, and may be another one at 85 or 84, and we have five more Tweens now. Now since we are using the original position to those key frames, our motion actually isn't any different, but once you get the Tween relationship setup, you can go back to any one of those key frames and start moving things around and you are modifying both Tweens, the one that's ending with that key frame, and the one that's starting with that key frame. Now here we are just going to add a little bit of variation to our motion. I am going to select our Free Transform Tool, and let's say we move our airplane up a little bit, and I am going to have it rotate up as it's flying up, and we will go to the next key frame, we will pull it down, and we will have it rotate down as it's diving. And we will just do this a couple of more times. I am going to go up and rotate up, and we will have this one down a little bit, and rotating down. Now let's see what our motion looks like. Now we have got that airplane kind of flying around the sky and the banner flapping behind it. Now if we setup all those key frames to start with, we might have the airplane sputtering as it moves across the sky, but by starting with an original Tween, we actually took advantage of the fact that it was moving the airplane from right to left smoothly, and all we had to add was the up and down motion. Let's take a quick look at our final project, I am going to hit Ctrl+Enter, we'll compile our movie, and there we can see our airplane flapping in a distance, and all the other motion of the car moving by in a foreground. And I will just hit Ctrl+W or Command+W on the mac, and we will close out of that test Window. And let's take a look at what we have seen in this chapter. First of all we have seen that New Panel icon mode for setting up our workspace. It gave us a lot more visible area in the stage to work with, and it kind of pulled out that clutter off to the side, so we could really focus on our animation. We have reviewed the basics of frames and key frames, how to add them, and how to get rid of them, and we have gone over all those basics of motion Tweening. Now remember there's only two rules for motion Tweening. One item per Layer, and you should be motion Tweening with a symbol, but definitely not a shape. And finally we have used a few simple Tweens in order to setup a motion that not only has the forward motion of the car, but also the depth of the background behind it.