理论教育 实例:风吹文字运动渐变动画

实例:风吹文字运动渐变动画

时间:2023-11-04 理论教育 版权反馈
【摘要】:使用运动渐变动画实现文字被风吹走的效果,如图14-32所示。在“页”字所在层的第4帧和第23帧分别插入关键帧,在第23帧对“页”字做压缩翻转及设置Alpha值的处理,并拖到与“网”字一样的位置,设置第4帧为运动渐变,这样“页”字将比“网”字延迟3帧启动。

实例:风吹文字运动渐变动画

【例14-4】使用运动渐变动画实现文字被风吹走的效果,如图14-32所示。

图14-32 风吹文字实例效果

制作过程如下。

1.创建影片文档

(1)单击“文件”菜单→“新建”命令,在“新建文档”对话框中选择“Flash文档”后单击“确定”按钮,新建一个影片文档。

(2)单击“属性”面板中的“大小”按钮,在“文档属性”对话框中将文件大小设置为450×180像素,背景颜色为#66CC66,如图14-33所示。

图14-33 设置文档大小和背景

2.创建元件

本实例中,由于每一个字都要单独做动画,所以必须把每个字单独做成一个元件,然后分别放在不同的层上。

(1)选择“文本”工具,在场景中输入“网”,在“属性”面板中设置文字的字体为隶书,大小为65,颜色为黑色,加粗。

(2)右键单击“网”字,在快捷菜单中选择“转换为元件”命令,将弹出“转换为元件”对话框,如图14-34所示。

图14-34 “转换为元件”对话框

(3)同样地,分别输入“页”、“设”、“计”3个文字,并分别将它们转换为元件。

3.将元件分布到各个图层中并设置对齐方式

(1)元件制作完毕后,在时间轴窗口中,右键单击图层1,从快捷菜单中选择“插入图层”命令,依次新建3个图层,使层的总数变为4个。

(2)打开“库”面板,在最上面一层,把“网”字拖到主场景中,双击图层名将该图层的名字改为“网”。

(3)选中第二层,把“页”字拖到主场景中,并改变图层的名字为“页”。

(4)选中第三层,把“设”字拖到主场景中,并改变图层的名字为“设”。

(5)选中第四层,把“计”字拖到主场景中,并改变图层的名字为“计”。

(6)用箭头工具框选中所有对象。

(7)在“对齐”面板中,设置对象的“对齐”为“垂直方向底对齐”,“分布”为“水平居中分布”“相对于舞台”为“相对于舞台分布”,如图14-35所示。

(www.daowen.com)

图14-35 设置文字的对齐方式

4.设置动画效果

本实例中的文字颜色要进行变化,并且要进行运动渐变。设置步骤为:

(1)选择第一层,在工作区中选中元件的实例“网”。

(2)在“属性”面板中,从“颜色”下拉列表中选择Alpha(用于设置实例的透明度),如图14-36所示。

(3)右键单击第一层的第20帧,在快捷菜单中选择“插入关键帧”命令。

(4)在“网”字上单击右键,从快捷菜单中选择“任意变形”命令,此时文字四周出现8个小方点,单击选中文字左边中间的那个小方点,然后向右拖动,使文字横向压缩直到翻转,如图14-37所示。完成后在“网”字上单击,在“属性”面板中将颜色设置为Alpha,其值设置为0%。

(5)把“网”字移到场景右上角,如图14-38所示。

(6)选中第1帧,设置“补间”为“动画”,“缓动”为-100,如图14-39所示。这样,这个字在1~20帧之间会由左下向右上方加速移动,在移动的过程中形状不断压缩直到翻转,颜色也逐渐融于背景中,给人一种被风吹走消失的感觉。

图14-36 “属性”面板中“颜色”选项的设置

图14-37 对文字进行压缩变形并设置颜色

图14-38 在第20帧移动文字到右上角

图14-39 设置运动渐变动画和缓动值

同样地,对第二层、第三层和第四层进行类似操作。注意,由于每个文字启动的时间不一样,所以需对文字运动的起始帧做些调整。在“页”字所在层的第4帧和第23帧分别插入关键帧,在第23帧对“页”字做压缩翻转及设置Alpha值的处理,并拖到与“网”字一样的位置,设置第4帧为运动渐变,这样“页”字将比“网”字延迟3帧启动。同样,剩下的层每一层都比上一层延迟3帧启动,而文字的终止位置基本相同。最终完成后的时间轴窗口如图14-40所示。

图14-40 完成后的时间轴窗口

5.测试存盘

(1)单击“控制”菜单→“测试影片”命令,观察动画效果。

(2)单击“文件”菜单→“保存”命令保存文件,文件名为windblow.fla。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈