• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 8. Film Loops and Buttons > Creating Keyframes with a Film Loop

Creating Keyframes with a Film Loop

In this task, you will add the Paper Loop sprite to your movie and then define keyframes for the Paper Loop animation.

1.
Drag the Paper Loop (cast member 9) from the cast to channel 3, frame 1, in the score. Extend the length of the sprite to frame 30.

This is the starting point of the animation.

2.
Make sure all of channel 3 is selected. On the stage, position the Paper Loop sprite so it fits inside the folder on the left.

Just as in Lesson 7, you want to start the animation with the paper inside the folder. As you move the Paper Loop sprite into position, you will notice that it seems to disappear inside the folder. Remember that in Lesson 7 you set up the folder sprite to be layered on top of the paper sprite. Once you drag the Paper Loop sprite into position and release the mouse, you may need to use the arrow keys to tweak its position slightly.

3.
With channel 3 selected, choose Edit > Edit Sprite Frames.

You will be selecting individual frames as you create the animation.

4.
In the score, select channel 3 (the Paper Loop sprite) and place the playback head in frame 10. Choose Insert > Keyframe.

This sets the second keyframe. The first keyframe is the beginning of the sprite. Here you want the Paper Loop sprite up and out of the folder. Make sure that channel 3, and only channel 3, is still selected. This is the Paper Loop sprite, and you need to drag it up and out of the folder.

On the stage, you will see a selection box. The selected object is the Paper Loop sprite, but you can't see it because it's layered below the top of the folder.

5.
With the keyframe in frame 10, channel 3, still selected, use the Up Arrow key to move the Paper Loop sprite straight up. When it's above the folder, hold down the Shift key and use the mouse to drag it up farther.

While the Paper Loop sprite is sandwiched inside the folder graphics, it can be hard to reposition using the mouse without accidentally selecting a different sprite. You can use the arrow keys to move the sprite up far enough to be selected by the mouse. Holding down the Shift key while you drag ensures that you move the sprite in a straight line.

6.
In the score, select channel 3 and place the playback head in frame 20. Choose Insert > Keyframe.

This sets the third keyframe. Here you want the Paper Loop sprite to be directly above the folder at the right side of the stage.

7.
In the score, make sure that the keyframe at frame 20, channel 3, is still selected. On the stage, drag the selection (the Paper Loop sprite) across the stage so it is directly above the destination folder.

Again, constrain the movement of the sprite with the Shift key.

8.
In the score, select channel 3 and place the playback head in frame 30. Choose Insert > Keyframe.

This sets the fourth and final keyframe. Here you want the Paper Loop sprite inside the destination folder at the right side of the stage.

9.
In the score, make sure that the keyframe at frame 30, channel 3, is still selected. On the stage, drag the selection downward so it is covered by the destination folder.

Later, when the sprites have been moved to different layers, the Paper Loop sprite will be between the folders. Again, constrain the movement of the sprite with the Shift key.


Figure .


10.
Rewind and play the movie.

The animation plays. It's the same animation you created in the previous lesson, but you didn't need to exchange the cast members over 30 frames to incorporate the different versions of the paper. By creating a film loop, you encapsulated four different cast members in a single cast member and then tweened that one cast member to create movement. This procedure is a great time-saver.

Notice that again the animation path is curved. You need to change it to a linear path. Although you changed the default curvature in Lesson 7, Director did not accept this as a permanent change.

11.
In the score, select all of channel 3. Choose Modify > Sprite > Tweening to open the Sprite Tweening dialog box. Drag the Curvature slider bar to halfway between Normal and Linear and click OK.

12.
Play the movie again.

Now the path of the paper looks more natural.

13.
Save your work.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint