| 淡入淡出是动画过渡常用的一种特效方式,利用动画制作工具是很容易实现的一项功能,本文将要介绍的则是利用Fireworks这个网页图形图像处理软件的Web动画制作功能模块,来实现淡入淡出的过渡特效:
1、启动Fireworks 4.0,新建一大小为400×300,背景为透明的Fireworks文件,执行菜单“Window/Library”命令打开符号库浮动面板,点击浮动面板左下角的新增符号按钮,在随即出现的对话框中选择符号类型为“Graphic”,Name为“背景1”,设置完后点击“OK”按钮,然后通过“File/Import”命令导入一张图片,通过Info浮动面板设置其大小为400×300,关闭符号编辑窗口;用同样的方法导入图形符号背景2,最后就得到库面板(如图1)。

图1
2、利用鼠标左键在符号库中按住背景1,拖动到Fireworks编辑窗口中,并通过Info面板设置其位置为X:0,Y:0;用同样的方法再拖入一个背景1图片,并通过“Window/Layer”打开层浮动面板,通过左上角的输入框设置其透明度(Transparent)为“0”,然后同时选中两个背景1图片符号,执行右键菜单命令“Symbols/Tween
Instance”,在随即出现的中间帧设置对话框中输入过渡帧数(Steps)为“15”,同时勾选“Distribute
to Frames”,点击“OK”即可完成背景1逐渐消失的动画。
3、在帧(Frames)浮动面板选中第12帧,利用上面拖入背景1的方法拖入两个背景2图片符号,并且设置第一个背景2图片的透明度为“0”,同时选中两个背景2图片,执行右键菜单“Symbols/Tween
Instance”命令,生成背景2从第12帧开始逐渐出现的动画,从而实现背景的自然过渡效果。
4、通过层面板最下面的第一按钮添加一个新层,并在编辑窗口的中央通过文字工具创建内容为“Fireworks实例”,大小为65,字体为隶书的文字,然后点击右上角的三角形按钮,在出现的下拉菜单中执行“Share
this Layer”命令,使文字出现在所有的帧中。

图2
以上工作完成之后,即可通过编辑窗口左下角的播放控制按钮播放动画预览效果,你就可以看到背景1将逐渐消失,背景2慢慢出现,而文字则一直保持不变,真正实现了背景的淡入淡出的切换效果(如图2,为动画中的一帧)。而通过“File/Export
Wizard”则可以把动画输出为Animate Gif动画文件,从而就可以在其它的应用程序中调用该动画了。
|