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



Flash 特效步步高(十二)——很 Cool 的透镜闪光效果

作 者 : 施叶楠

    本例中将学习:如何使用作图工具; Motion Tweening ; Alpha 和 tint 效果。

    本例中 Movie 的播放速度为 24fps ,如果你的机器速度不够快的话,那播放起来会有些“吃力”,可以将它设置为 12fps ;

    其实,本例中的光晕效果所需的元素很简单也很少,只有三个:两个圆圈和一个三角形:    a ) Circle1 :如图( circle1.gif ),画一个没有边界的圆圈,其中填充为渐变,这个渐变的各个颜色值为:
    1 - white (255,255,255) alpha 100%
    2 - yellow (255,255,200) alpha 50%
    3 - white (255,255,255) alpha 0%
    4 - orange (243,126,12) alpha 40%
    5 - white (255,255,255) alpha 0%

   b ) Circle 2 :按 Ctrl+F8 创建一个新的 Graphic Symble : Circle2 ,画一个全白的圆圈,如图( circle2.gif ):
 

   c ) Circle2 Animation (动画):按 Ctrl+F8 创建一个 Symble : Circle2 animation 。在 Timeline 里插入四个 Layer ,在每个 Layer 的第一个 Keyframe 里,把步骤 b )里的 circle2 拖放到中间,然后,将每个圆圈的 Alpha 值设定为 15% (也可以把 Alpha 值设定在 10 ~ 20% 之间的随机 -- - Radom 值);接着在每个 Layer 的第 20 个 Frame 里,按 F6 ,分别插入一个 Keyframe ,改变每个圆圈的大小,并将他们排成一列,如图( circle2anim_a.gifcircle2anim_b.gif ):
 
 以上的动画你可以根据自己的想象移动,只要你喜欢:)
  d ) Ray (光线):

按 Ctrl+F8 创建一个 Symble : ray ,画一个三角形,填入渐变色,颜色值范围为: white (255,255,255, 100%) to white (255,255,255,0%) ,记得去掉边界,如图( ray.gif ):

   e )白色光线( white ray ):将上步中的 Ray Symble ,拖放几个进来,并将他们组成星型状,如图( white_rays.gif ):

   f ) Colored Rays :按 Ctrl+F8 创建一个 Symble : Colored Rays 。其做法同上步,接着为每条光线加入不同的 Color:Tint ,大约 10 ~ 20% ,如图( colored_rays.gif ):
 
  g ) Square :按 Ctrl+F8 ,创建一个 Symble : Square ,在里面画一个方形区域;

完成了上面工作后,现在让我们来把他们‘装配’在一起,让它动起来:
  a )按 Ctrl+F8 ,创建一个 MC Symble : Flare ;
  b )插入 7 个 Layer ,如图( layers.gif ):
    让我们由下到上来看看每个 Layer 的作用及做法:
 。 Controls Layer :在第一 Keyframe 里加入 Action : Stop 和第 37 个 Keyframe : Goto an Stop(1) ;
 。 'SQUARE FOR RESIZE ONLY' layer :这个 Layer 里只有一个 Keyframe ,将 Symble Square 放在 Scene 的中央,将其 Alpha 值设置为 0% ;好了,先把他放一放,过会儿我们再来继续完成他;
 。 'RAYS 2' layer :在第 5 , 24 , 35 个 Keyframe 里,分别放入 Symble : White Rays 。并在 24 , 35Keyframe 里将光线做些变化,如图:

ALPHA
FRAME 5
FRAME 24
FRAME 35
keyframe 5: 25%
keyframe 24: 50%
keyframe 35: 0%
 
。 'RAYS 1' layer :将上步中的做法再重复一遍,只不过这会儿操作对象是 Colored Ray Symble ,并且缩放值和旋转角度有所不同;
 。 'BIG CIRCLES' layer :将 Circle2 Animation   Symble ,放在 Keyframe 7 里,并且使其: play Once ,然后将它缩放并旋转一个你喜欢的角度;然后在 frame   28 和 34 里分别插入 Keyframe ,在 Keyframe 34 里将里面 Symble 缩小并将 Alpha 值设置为 0% ;
 。 'SMALL CIRCLES' layer :重复上步做法,此次将圆圈缩得更小些,并且将他们做成和 'BIG CIRCLES' 里的动画相反,如图( circle_effects_7.gif , circle_effects_28.gif , circle_effects_34.gif )
                     FRAME 7

                    FRAME 28

                   FRAME 34

 。 'HALO' layer :将 Symble Circle1 拖放在 Scene 的中央,在 Keyframe 2 , 30 , 36 分别加入 Motion tween 。在 Keyframe 2 里,将圆圈缩到很小,并将其 Alpha 值设置为 80% ~ 70% ;在 Keyframe 30 里将圆圈放大些;在 Keyframe 里,将圆圈的 Alpha 值设置为 0% ,如图( halo2.gif , halo30.gif , halo36.gif ):
 
Keyframe 2
Keyframe 30
Keyframe 36


 。控制光晕大小:本来我们至此已经可以完工了,但是,现在我们还无法控制光晕变化时的大小,这里,就要用到我们所做的‘不可见的区域’: Square 了,回到 Square Layer 里,将该‘区域’放大刚好覆盖到光晕最大时的状态,如图( square1.gif ):
  

OK

 


 
     
     

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