Flash动画光线扫描效果的实现

2007-11-16 13:28:21

Flash可以实现许多丰富多彩的动画特技效果，给网页带来了生机与活力。下面我们就以实现一则光线扫描效果的动画为例：在光源从左到右的移动过程中，它会照亮所经过地方的文字，伴随着光源的远去，文字也消失在黑暗之中。

图1

启动Flash 5.0以后，执行主菜单“File/New”新建一个动画文件。执行主菜单的“Modify/Movie”命令，在弹出的“Movie Properties”属性对话窗口中，设置“Width”值为600pix，“Height”的值为200 pix，另外设定背景色(Blackground)为黑色，然后单击“OK”按钮返回到主界面窗口。执行主菜单“Insert/New Symbol”命令，在弹出的“Symbo Properties”元件对话窗口中，设置名称(name)为TXT，选择“Behavior”为Graphic，然后单击“OK”按钮切换到图形窗口编辑工作区。

选择文本工具(Text Tool) ，按组合键Ctrl+T打开“Charcter”监视窗口，设定字体(Font)为黑体，字号为80，并选择加重(B)显示，选择填充色(TXT Fill Color)为白色，在TXT工作区输入文字“光线扫描效果”六个字；执行主菜单的“Insert/New Symbol”命令新建一个图符，设置name为lamp，选定Behavior的值为Graphic，然后单击“OK”按钮确认；在工具条中，选择“Oval Tool”工具，设定填充颜色为红色渐变，并设定边框色为透明，在编辑区中画出一个圆形，这样，就会在窗口中出现一个颜色渐变的光源；选择油漆桶工具，单击光源改变光源的着色渐变层次，到调节满意为止。

图2

选择主场景画面(Scene 1)，执行主菜单“Insert Layer”命令建立一个新层，执行主菜单“Window/Library”命令打开图库窗口(如图1)，在主场景的图层控制面板中选择图层1(Layer 1)，在图库窗口中将Lamp元件拖放到图层1中，然后拖动TXT元件到主场景的图层2中，调整TXT和Lamp两个元件的位置（如图2），目的是使光源从文字的左侧出发，遍历整个文字区域。

图3

在图层1时间轴的第15帧处单击鼠标右键，从弹出的下拉菜单中选择“Insert Keyframe”命令，在当前位置插入一个关键帧。另外，在图层1和图层2的第30帧处分别插入一个关键帧。完成以后，选择图层1的第15帧，将Lamp图符元件拖动到TXT文字元件的后面，使灯光光源正好位于文字的右侧，并保持在同一条水平线上。

将当前帧画面定位在图层1时间轴的第一帧，并单击鼠标右键，执行弹出菜单的“Create Motion Tween”命令，设置从第1到第15帧画面的平滑移动效果，另外还要将15帧画面也做同样的设置，这样就使得第15帧到第30帧的画面也产生同样的平滑过渡效果。然后，选择图层2(如图3)，在图层控制面板上单击鼠标右键，从弹出的快捷菜单中执行蒙版(Mask)命令，使图层2对图层1产生屏蔽效果，只有光源经过的地方，文字才能显示，从而实现光线的扫描效果。

图4

按下Ctrl+Enter组合键预览动画效果，如果觉得效果还满意的话，可以执行主菜单“File/Save”命令保存，执行“File/Export Movie...”命令导出动画文件，也可以使用Flash自带的动画浏览器观看该光线扫描动画的效果(如图4)，怎么样，还满意吧！

责任编辑:

相关文章


	Copyright © 2007 上海旭强信息科技有限公司版权所有