理论教育 网页设计引导层运动动画

网页设计引导层运动动画

时间:2023-11-04 理论教育 版权反馈
【摘要】:在引导层中,利用曲线工具绘制一条随机曲线,再通过“属性”面板设置某些选项,使它作为运动对象的轨迹。下面以一个实例介绍引导层运动动画的制作方法。选中第1帧,在“属性”面板中设置“补间”为“动画”,并选中“调整到路径”复选框,如图14-59所示。此时,图层1自动内缩,变成被引导层。图14-61在引导层上画出运动轨迹图14-62拖动蝴蝶到路径的起点

网页设计引导层运动动画

在前面讲述运动渐变产生补间动画时,运动轨迹是按从起点到终点的直线方式,但现实世界中,很多运动是按随机曲线运动的(如雪花飘落、鸟儿飞翔等)。为使动画设计效果更自然,可以使用Flash中的引导层技术进行设计。

在引导层中,利用曲线工具绘制一条随机曲线,再通过“属性”面板设置某些选项,使它作为运动对象的轨迹。在演播时,这条曲线并不出现。

下面以一个实例介绍引导层运动动画的制作方法。

【例14-7】制作蝴蝶沿曲线路径翻飞的动画,效果如图14-58所示。

图14-58 蝴蝶翻飞实例

1.创建影片文档

(1)单击主工具栏中的“新建”按钮,新建一个影片文档。

(2)在“文档属性”对话框中进行设置,文件大小为380×250像素

2.将元件导入库中

单击“文件”菜单→“导入”→“导入到库中”命令,在打开的“导入”对话框中,选择蝴蝶图片,单击“确定”按钮。

3.创建蝴蝶运动图层

(1)单击图层1的第1帧,将蝴蝶拖放到场景中的左上角。

(2)选中第40帧,右键单击,在快捷菜单中选择“插入关键帧”命令。

(3)选中第1帧,在“属性”面板中设置“补间”为“动画”,并选中“调整到路径”复选框,如图14-59所示。

4.添加运动引导层

为了让运动的对象能沿着曲线进行运动,需要添加引导层及引导线。单击“时间轴”面板左下角的“添加运动引导层”按钮,为图层1添加一个运动引导图层,如图14-60所示。此时,图层1自动内缩,变成被引导层。(www.daowen.com)

图14-59 创建蝴蝶运动图层

图14-60 添加运动引导层

5.绘制引导层运动轨迹

(1)选择工具箱中的“铅笔”工具,并设置铅笔的选项为“平滑”绘制。

(2)在引导层上绘制一条蝴蝶运动轨迹的平滑曲线,如图14-61所示。

(3)选择图层1的第1帧,拖动纸飞机的中心到曲线开始的端点上,如图14-62所示。

(4)选择图层1的第40帧,拖动纸飞机的中心到曲线结束的端点上。

6.测试存盘

执行“控制”→“测试影片”命令,观察动画效果。如果满意,执行“文件”→“保存”命令,保存文件名为flying.fla。

图14-61 在引导层上画出运动轨迹

图14-62 拖动蝴蝶到路径的起点

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

我要反馈