2. In this case you don't want to make the whole
word "PSYCHO" a symbol yet. First, break the text apart
by selecting it so there is a blue box around it, and then going
to Modify-->Break Apart. You will not be able to edit
the text after this.
3. With the black arrow tool, select the top part
of the word and go to Modify-->Group
4. Select the top portion of the word (which you
just grouped) and go to Edit-->Cut. Make a new layer,
select it, and go to Edit-->Paste in Place. Make sure
you pasted into the new layer, there should be a solid dot in
both Layer 1 and Layer 2.
5. Make another layer so that you have three layers.
This layer will hold the bottom part of Psycho, so drag this new
Layer 3 under Layer 1. Use the black arrow tool to select the
bottom part of Psycho. Go to Modify-->Group and then
Edit-->Cut. Click inside Layer 3, which should be on
the bottom and go to Edit-->Paste in Place.
6. Now do the same thing for the middle part of
Psycho. Hide and Lock the top and bottom layers so just
the middle is showing. Use the black arrow tool to select the
text and go to Modify-->Group
7. Now make each group on each layer a symbol. Select
the top part of the text in the top layer and go to Modify-->Convert
to Symbol. Choose Movie Clip as the property and give it a
name like psycho-top. Do the same thing for the middle and bottom
parts of the text and make each of these a Movie Clip symbol as
well. Name your layers "top" "mid"
and "bottom".
8. Make another key frame farther down the timeline
in the top layer. Click on a frame and go to Insert-->Keyframe.
9. At this point, the text is in the same position,
the middle of the screen, at both keyframes. Since we want the
text to move into the center of the screen from off screen right,
we want the first key frame to be off screen (starting position)
and the last key frame to be the center (where it already is).
Click inside the first keyframe, select the top text, hold down
shift (so that you drag in a straight line) and move the text
off the stage.
10. Now make a motion tween, so the text moves from
off screen to center screen. Place your cursor in between the
two keyframes, right click and choose Create Motion Tween.
11. Now we want to do the same thing for the bottom
part of the text. First, lock and hide the top and middle layer.
Since we want the bottom text to enter the stage shortly after
the top part of the text, move the first keyframe of the bottom
layer down the timeline a little so that it enters the stage later.
To do this, click the keyframe once to select it, and then click
again and do not release-- drag the keyframe to a later frame
and then let go.
12. Now make this layer a tween too. Make another
keyframe down the timeline. Since I have the top frame moving
from frame 1 to frame 25, I will make the bottom frame go from
frame 5 to frame 30. This way I know that both text elements will
be moving at the same speed-- both will take 25 frames to move
to the center of the screen.
Click inside the first keyframe and move the text
off the stage (hold down shift to drag in a straight line). Leave
the second keyframe, since this marks the position of the text
in the center of the stage where we want it to end up. Then right-click
in between the two keyframes and choose Create Motion Tween.
What's the problem? We will need to tweak this a
little bit as we go along. The first problem is that the text
is moving way too slowly. There are 2 ways to speed it up:
we can change the frame rate or we can change the number of frames
it takes for each tween. Since the frame rate of this movie is
already at 20fps (you don't want to go over 24), the easiest thing
would be to drastically reduce the number of frames the text takes
to move from one keyframe to the next.
Make some Changes:
13. Here I have reduced the number of frames for
each tween. Instead of each tween being 25 frames long, I moved
them to only 6: the top layer tweens from frames 1 to 6, and the
bottom layer goes from frame 3 to frame 9.
To move keyframes: click once to select, click again
and hold and drag to another spot on the timeline
To move a whole tween: click in the tween so the
whole area is black with the hand over it, click and hold and
then slide to a new part in the timeline.
14. Now work on the middle part of the text, which
we want to come in after the top and bottom parts. The middle
section enters from the left and initially lines up with the rest
of the text before moving out of place to the left, the right,
and then finally, exiting by moving straight up off the screen.
Drag the first keyframe down the timeline to after
the top and bottom have come into position (I chose frame 15 here).
Then add another keyframe 6 frames later (remember, each tween
of this sequence lasts 6 frames).
15. Select the first keyframe of the middle layer
and drag the text off the stage to the right.
16. As we build this movie, extend the timeline
a little. Click on frame 50 and go to Insert-->Frame. If you
see that this adds white frames instead of gray frames (see image
below of bottom layer) then you have added frames, but the object
on the stage disappears at frame 37. You need to grab that little
rectangle and drag it to frame 50.
17. Now we want to make the part where the middle
text moves out of place. Make a keyframe in the middle layer on
frame 35 and use the arrows keys to nudge the middle over a little
to the left.
18 Make another keyframe 10 frames later on frame
45 and this time use the right arrow key to nudge the text over
to the right.
19. Again, keep building your movie out as you go
along. Highlite all of the frames in frame 75 and go to Insert-->Frame
Drag the ends out to frame 75 if you need to.
20. The middle text needs to move again from the
right to the left. Make another keyframe on frame 55 of the middle
layer and move the text to the left again, just like in step 17.
21. The ending: we want all of the text elements
to leave the stage. The top and middle text go up, and the bottom
text goes down. Since we want to introduce another change in the
timeline, add a keyframe on each layer in frame 65. This marks
the original position of the text before it exits.
22. Add a keyframe in frame 75 of the top text to
mark the ending position. Click inside frame 75 of the top layer
and then drag that text to the top of the screen off the stage.
Do the same thing for the middle and bottom text:
add a keyframe in frame 75 of that layer, click inside the ending
keyframe to select it, and then move the text to its final position,
off of the stage at the top for the middle text, and off of the
stage to the bottom for the bottom text.
23. Make tweens for each layer and then review.
I found that this looked too slow, so I shortened the tween from
10 frames to 5 by clicking the last keyframe and then dragging
it to frame 70.
You might want to extend the timeline out a little
more so that it doesn't end so abruptly.
Final Results:
The Difference of a font: see how
much better this effect looks with a solid san-serif
