★ 今天是
 
 当前位置:少年部>>青聪网校>>跟我学网络>>设计在线>>正文
     



Flash 特效步步高(九)——球体环绕效果

作 者 : 施叶楠

  本例稍微有些难度,倒不在于原理的难理解,而在于制作中如何将球体运动放在正确的位置上:球体运动环绕至文字背后并被遮住,然后再运动到文字的前面,反过来将其遮住。好了我们开始吧:

 首先,先来看一下最终完成后, timeline 的分布情况:
 

  1. 按 Ctrl+F8 ,创建一个 Graphic Symbel ,命名为 text ,在里面输入文字,本例为 "cyberSpace" ,在主 Scene 里,将一个 Layer 取名为 Text ,并把 Symbel text 放入里面;

  2. 按 ctrl+F8 ,创建一个 Graphic Symble ,名为 Sphere ,在里面画一个圆,并填上渐变的色彩,使其看起来像一个立体的球体;

  3. 在 Layer Text 的 上面 插入一个新的 Layer sphere front( 注意:这个 layer 一定要在 Text 的上面,如上图;这样才能遮住文字 ) ;
   。在该 Layer 的第 9 个 frame 里,按 F6 插入一个 Keyframe ,从 library 里将 Symble Sphere ,拖放进来,按 ctrl+G ,将整个球体 Group (注意,一定要这么做,否则,球体将不会沿着我们下面将要做的 motion guide 的轨迹运动);
   。在 Layer Sphere front 里,点击右键,在菜单中选则 Add Motion guide ,将在该 Layer 的下面插入一个带弧线同名的 Layer ,如上图。在该 Layer 的 Frame 1 里,用 pencil tool ,在文字中间画一个椭圆形,完成后, Copy Keyframe 1  以备后用。
    

   4. 现在在 layer   text 的 下面 插入一个新的 Layer sphere behind 。同样地,插入 ad motion guide Layer ,在该 Layer 的第一个 Keyfrmae 里,将步骤3最后 copy 的 Kyeframe , paste 进来。

   5. 从 library 里将 Sphere 拖放至 layer sphere behind 的 Keyframe 1 里,并将球体压缩一些,使其看起来像是被文字遮住了一样:
    。
     除了 Layer sphere Behind 和它的 Motion guide 外,将其他 Layer 锁定 Lock ;在文件菜单里选 View>Snap ,然后将球体选中,此时在其中央会出现一个小圆圈,将其拖到椭圆轨道上面,这个圆圈会自动将球体‘粘’在轨道上,如上图;
     
     在 frame 8 里插入一个 keyframe ,将球体沿着轨道移动到如上图所示的位置。并将其放大,在 Keyframe 9 里,插入一个 Blank Keyframe ,回到 Keyframe 1 里,加入 Motion Tweening ,注意把 'Orient to Path Direction' 选中;
     
      在 Keyframe 34 里,将球体沿着轨道移动到如上图所示位置,并加入 Motion Tweening ,注意把 'Orient to Path Direction' 选中;
     
     在 frame 40 里,插入一个 Keyframe ,将球体移动到它其始位置的右边,如上图,将它缩小至起示大小,并确定它始终‘ Snap ’在 Motion Guide 的轨道上。

    6. 在 Layer Sphere Front 的 Keyframe 9 里,你会看到已经有一个球体了。将它移动到左边的起始运动位置上,注意必须保持它‘ snap ’在后面的轨道上,因为如果不这么做的话,球体在从文字后面运动到前面时,将不会沿着轨道的拐角运动,而是‘跳’到前面来。不信你试试:)。双击 Keyframe   9 ,加入 Motion Tweening ,注意把 'Orient to Path Direction' 选中;
      
   7. 在 Keyframe 20 里,将球体放大并移动到文字前面的中央,双击 Keyframe 20 ,加入 Motion Tweening ,注意把 'Orient to Path Direction' 选中,如图;
    

   8. 最后,在 Keyframe 33 里,模仿步骤6所做的那样,将球体移动到右边,注意保持他们同样的大小。在 Keyframe   34 里插入一个 Blank Keyframe 。

   9. OK!


 
     
     

 
版权所有:中国青少年计算机信息服务网