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效果常在网站的刊头上显示(如,本网站)。