Now, since we have seen how that works, I would like to add one more animation to it. So, let us go back to our Head thing movie clip. I am going to add one more star to it so I will double click it in the library and I will add another layer on top of star, we will call that one star two and of course I need the star in this layer so, let us pull one out the library. I will drag it right outside of our element and I want to make it a little bit smaller. So, let me zoom in here just a bit. Of course it have to be in plus. I will grab my free transform tool and we will just it make it a little bit smaller.
And for this animation, I would like to start to fly around the outside of the red ball. Now, I want use the motion tween for this again but if you have noticed, any of the motion tweens we have set up so far that have our object moving, have it moving only in straight lines but these ones are a little tough because I want to move along a curve, along the circle going around the outside.
Well, we have actually got an easy way to do this. What I am going to do is add a path layer to our motion tween. Now, we can add a path layer by choosing this button right next to our layer, add a motion guide. This is going to create a layer for our path. It is guide layer, so it will not be seen by our users and you can kind of see that it is nested our star two layer in underneath it. So, these two layers are going to be connected together.
Here is what we need to do. We need to draw a path that we would like our star to follow in that guide layer. Now, I can use any tool I want to. I am just going to pick out the pencil tool. I am going to set it to a nice smooth line and I am going to make it a bright green color just so I can easily see it while we are working on it. Now, we will just take our pencil tool. I will go over near the star and I am just going to loosely draw kind of a loop around this area. And that is a kind of sloppy. But remember this is just a normal vector path so I can double click and select all the parts and maybe do some smoothing on it. Now, I left a little gap in the edges so it would be easy to work with but the way we are going to be adding the star to the path is literally grabbing the star and snapping it onto the path.
So, I am going to take the first keyframe that we have here and I am going to snap the star onto the path. You want to make sure snapping is turned on. I will grab it by the center and make sure that, that center is snapped on. You can see how it grabs on like that. Now, let us make a second key frame because this is going to be a tween. So, I will press F6 at frame 30. Now, I want the second keyframe snapped onto the other end of the path so I am just going to grab it off the path first and then I can re-grab it from the center and snap it on to that path and there as well.
Now, by setting up the layer relationship that we have and snapping it to the path, I should be able to just add a motion tween to those two keyframes. So, under the first one we will just turn on a normal motion tween and we will drag our play head and see what we have got. Now there you can see that instead of the star going on a straight line from point to point, since it is snapped onto that path, it will follow the path.
We can even have the path control the turning of the stars as well. If we go back to the settings, you will notice that amongst the rest of the tween settings down here, we have a checkbox for Orients a Path. Now, that is only going to work if I have got a path animation like we have set up here but now if you watch closely, the star should turn as the path turns as well. There you can see the points of the star always kind of going along the path. So, once again, we have added this animation to the original star animation and to the red ball. So, this animation just like the star should follow a red ball animation in the main timeline and do everything it does. Let us go check it out.
I am going to go back to scene one. Now, we can already see that the second star has been added and once again, the second time line is not going to play. It is just kind of wiggle back and forth here. So, when they do use our test movie again? Now remember that is control test movie and in the future you can use Command or Control-Enter.
Now, there you could see all the animations playing simultaneously. So, once again, we have that animation nested inside of another animation giving us that complex result. And now we have the basics of creating animation. Do not forget to set up rules for each type between and you should be fine. As you could expect, the more practice you have making simple tweens, the easier the complex ones will be.
Transcription by:
Scribe4you Transcription Services