Flash动画中图像切换

1 引 言

  目前,图像普遍应用于网页中。为了提升图像的视觉效果,广泛地应用图像切换。
  网页中,图像切换方式,大约有四大类。
  第一类,鼠标事件触发的事件。
  例如,鼠标经过图像(翻滚图片)。
  这种方式,须要浏览者触发。
  第二类,应用脚本实现自动切换。
  例如,利用ASP内部组件-广告轮显组件。
  这种方式,只能应用在动态网页中。
  第三类,利用JAVA小程序播放图片。
  例如,横幅广告管理器。
  目前,这种方式,受到操作系统的安全设置,以及防病毒等软件的限制,常常无法正常播放。
  第四类,Flash动画。
  这种方式,切换自动,应用限制少。
  本文作一初步介绍。

2 Flash中图像切换

  Flash动画中,实现图像切换的方法有三种:
  第一种,是应用遮罩图层;第二种,是利用改变图像透明度,显示图像切换效果。
  前者,由于遮罩图层变化方式众多,因此切换数量丰富。
  后者,切换效果,依赖图层透明度变化的快慢。相对比较单调,但是,可以制作一些特殊效果。
  第三种,是直接变换。即,在前一个关键帧上,是一幅图像,在后一个关键帧是另一幅图像。
  这样的变换,相对唐突一些。
  下面主要介绍前两种。

2.1 遮罩图层切换图像

  笔者总结后,将使用遮罩图层切换图像的方式(效果),归纳成以下七种:
  第一种,拉幕式-包括掀幕、卷帘(轴)等(图1、2)。效果如同拉开幕布。
  第二种,开门式(图3)。效果如同开门。
  第三种,飞入式(图4)。效果如同图像飞入。

图1 拉幕式
图2 掀幕式
图3 开门式
图4 飞入式
图5 拼图式
图6 缩放式
图7 水平遮蔽式
图8 擦除式

  第四种,拼图式(图5)。效果如同拼图游戏。
  第五种,缩放式(图6)。效果如同图像缩放。
  第六种,(水平、垂直)遮蔽式(图7)。效果如同百叶窗开闭。
  第七种,擦除式(图8)。效果如同用油漆刷墙。

2.2 改变图像透明度切换图像

  利用改变图像透明度,实现切换图像效果。制作方法也不复杂。关键是:
  改变透明度图像,必须先转换成元件。因为,普通图像不能改变透明度。
  制作步骤:
  ⑴建立两个图层,上面图层,放置一张已经转换成元件的图像;下面图层,放置另一张普通图像。
  ⑵上面图层在60帧(当然也可以是70帧、80帧……)添加关键帧,并在1-60之间“妴补间动画;下面图层在60帧,添加普通帧。
  ⑶钭上面图层第60帧,选定为当前帧后,用箭头工具选中场景中的图像(元件),然后在“属性”面板的“颜色”框中,选定“Alpha”,再将其旁边的框中数据改为“0%”。

图9

图10

  利用改变图像透明度,达到显示切换图像的效果。图9是典型例题;图10效果常在网站的刊头上显示(如,本网站)。


主页                           {网页三剑客

 

《花桥电脑书斋》-邱泳昱的个人主页
如需转载望能征求本人意见