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

Lesson 2. Animated Bullet Lists > Repeating the Animation Process

Repeating the Animation Process

Now you'll sequence the remaining sprites to complete the animation.

1.
In the score, select the sprites in channels 7 and 8. Then drag them so their start frames are in frame 45.

Having these sprites appear on the stage in frame 45 gives the first bullet point some time on the stage without the second bullet point appearing. In a moment, you will move the sprites for the last bullet point so they appear in a frame after the second animation ends.

2.
On the sprite toolbar, set 90 as the end frame for both sets of sprites.

Just as you set the end frames of the sprites in channels 5 and 6 to frame 90, you must set the end frames of these sprites so the sprites stay on the stage until the end of the movie.

3.
Click the start frame (frame 45) for the sprite in channel 8.

This sprite is the second line of text. Next you will move the sprite to its beginning position on the stage. You want this line of text to slide onto the stage just as the text above it does.

4.
On the stage, hold down the Shift key and drag the sprite in a straight path to the right edge of the stage.

5.
In the score, click the sprite in frame 55, channel 8. Then choose Insert > Keyframe.

6.
On the stage, hold down the Shift key and drag the sprite to its end position next to the second bullet.

Looking at the score now, you can see that the second line of text will be moving onto the stage between frames 45 and 55. Director has already tweened the frames between frames 45 and 55. From frame 55 to the end of the movie, the text will remain in its end location on the stage.


Figure .


Now you need to animate the last line.

7.
Select the sprites in channels 9 and 10 and then drag them so the start frame for each set of sprites appears in frame 60.

8.
Click either of the end frames of these sprites and drag to frame 90.

As you see, you can also drag the end frames to frame 90. You cannot, however, drag both end frames together. That's why using the End Frame field on the toolbar is a better method. Now adjust the final sprite so it, too, ends at frame 90.

9.
Click the start frame of the sprite in channel 10.

The sprite in this channel is the third line of text.

10.
On the stage, hold down the Shift key and drag the sprite in a straight path to the right edge of the stage.

11.
In the score, insert a keyframe in frame 70, channel 10.

12.
On the stage, hold down the Shift key and drag the sprite to its end position next to the last bullet.

The animation for this sprite will occur during frames 60 to 70. Then the sprite will remain on the stage in the location you set in frame 70.

You've probably been wondering how you can align the text sprites. To get them to appear aligned vertically once they've all moved onto the stage, you'll use the ubiquitous Property Inspector.

All the text sprites should appear aligned vertically when they arrive in their end positions next to the bullets. For these three sprites, you will set the same coordinates for their left edges so they will appear vertically aligned. But first, we will take a more comprehensive look at the Property Inspector (often referred to as just the PI).


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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