STEP 15 creating split fade TRANSITIONS

Now that we have a pretty cool way to bring these words on the stage, it's time to start thinking about fading them off. Also, we need a transition to the next scene. Rather than just fade out the letters , I worked to design a unique type of transition. By inserting instances of both the macromedia and shockzone Library symbols into new layers , I can animate them in what I call a split fade. The words appear to split horizontally and fade out as they move away from the original text.

  1. Add two new layers directly above the macromedia layer. Name them macromedia-up and macromedia-down or something similar.

  2. Locate the frame where you want the fade off transition to begin.

    For me, the transition needed to be over fairly quicklyless than a secondand I wanted it to end the scene, so I placed the keyframe about 10 frames from the end.

  3. Add a keyframe to the macromedia layer and the two new layers in the frame at which the transition is to start. You'll get a filled keyframe in the macromedia layer and two blank keyframes in your new layers, as shown in figure 02:28.

    Figure 02:28.


  4. Select the new filled keyframe by clicking it.

  5. With the new keyframe selected, hold down your Ctrl (Cmd) key so that a small plus symbol (+) appears over the keyframe. Mousedown and drag the keyframe from the macromedia layer to the macromedia-up layer. Hold the Ctrl (Cmd) key down while dragging a keyframe to duplicate it.

  6. Select the keyframe in the macromedia-up layer, choose Modify > Instance or use the keyboard shortcut Ctrl-I / Cmd-I, and set the Alpha to 80%.

  7. Add another keyframe in the same layer on the second to last frame in the scene.

  8. With that keyframe selected, move the macromedia text symbol up with the arrow keys so that it almost completely clears the top of the letters as shown in figure 02:29.

    Figure 02:29.


  9. While the second keyframe is still selected, change the Alpha to 0% by choosing Modify > Instance or using the keyboard shortcut Ctrl-I / Cmd-I.

  10. Choose Insert > Create Motion Tween to create a motion tween between the second and third keyframes in the macromedia-up layer (see figure 02:30).

    Figure 02:30.


  11. Add a blank keyframe in the last frame of the scene by choosing Insert > Blank Keyframe or using the keyboard shortcut F7.

  12. Repeat steps 611 for the macromedia-down layer, but move the faded symbol down instead of up.

  13. Add a keyframe in the macromedia layer on the second to last frame in the scene.

  14. While that keyframe is still selected, change the Alpha of the instance to 0 and the scale to 80%, so that while the macromedia-up and -down layers are splitting and fading, the macromedia layer is fading back.

  15. Create a motion tween between the first and second keyframes in the macromedia layer.

Now, as you move the playhead across the final area of the Timeline, the word macromedia splits and fades out.

Flash Web Design The Art Of Motion Graphics
Flash Web Design oder: the art of motion graphics
ISBN: 3827256623
EAN: 2147483647
Year: 2005
Pages: 192 © 2008-2017.
If you may any questions please contact us: