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

Creating Animated Text

In the finished movie, you want headlines to move on and off the stage at specific points while the digital video is playing. In this task, you will start setting up the first of the two headlines. This headline appears at the left edge of the screen and moves horizontally to the center of the screen.

1.
Select channel 3,frame 11, and then drag cast member 2 (which contains the headline "Coming soon to a store near you!") onto the stage.

Notice that you have skipped channel 2. You will use channel 2 for another element later in this lesson.

2.
Adjust the duration of the text sprite so it spans frames 11 through 31.

This will be the first phase of the animation, when the headline appears at the left edge of the screen and moves to the center of the screen. This duration is long enough to make the text animate smoothly across the screen.

3.
Select the entire sprite in channel 3. Set the ink for the text sprite to Background Transparent.

Now the white pixels around the text are transparent.

Your score should now look like this:


Figure .


4.
Position the text sprite where you want it vertically on the stage and then move the text to the left so it's off the stage.

Your screen should look similar to this:


Figure .


This represents the starting point of the animation, when the text first appears at the left edge of the screen.

Note

When you play the digital video, the last frame of the video to be displayed (when the movie finishes or you've stopped the movie) remains on the screen even when you start to work in other frames. Therefore, the frame of the digital video that you see on your screen will likely be different from the one shown in the illustrations throughout this lesson.

5.
Click channel 3, frame 31, and move the text sprite on the stage until it's centered. Hold down the Shift key as you drag to constrain the sprite to the same vertical position.

This keyframe indicates the stopping point for the text when it reaches the center of the stage.


Figure .


This is the final position for the text in the first phase of its animation. You have set the starting point (frame 11) and ending point (frame 31) for the animation, and Director does all the work of calculating the position of the text in the in-between frames, 12 through 30.

6.
Select the frame script sprite in the behavior channel, frame 28, and move it to frame 31.

Remember that this script keeps the playback head in the last frame of the Director movie so the digital video can play through in its entirety.

7.
Extend the duration of the digital video sprite in channel 1from frame 28 through frame 31.

The digital video sprite needs to span the entire duration of the movie. Your score should now look like this:


Figure .


8.
Play the movie again.

You see the text slide onto the stage from the left and then stop in the center of the screen. The digital video plays until it finishes.

Unfortunately, the text animation isn't synchronized with the video. The text appears on the screen as soon as the playback head reaches frame 11, when the digital video has barely begun to play. You need a way to make the text appear when the starship begins to make its first turn. In the next two tasks, you will use two different methods to tie the beginning of the text animation to a specific moment in the digital video.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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