第二节 逐帧动画(4)

知识提要

●     绘制矢量线条

●     使用填充工具

●     创建矢量图逐帧动画

步骤1 建立新文档

执行【文件】|【新建】命令，在弹出的对话框中选择【Flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550×400象素，【背景色】为白色，如图3-2-12所示。

图3-2-12 文档属性

步骤2 创建背景图片元件

    选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的“天空”图片导入到场景中。（“天空”图片位置：光盘\example\part3\***\图片\天空.jpg?http://www.xvna.com）。

步骤3 建立名为“立方体”的影片剪辑元件

执行【插入】|【新建元件】命令，新建一个影片剪辑元件，名称为“立方体”，如图3-2-13所示。

图3-2-13 创建立方体元件

说明：影片剪辑是Flash中最重要的元件之一，在制作动画时经常需要用到它。有关影片剪辑的详细信息，请参阅本书第四章的相关内容。

在第一帧中，选择工具箱中的【线条工具】，在【属性】面板上设置【笔触样式】为实线，【笔触高度】为1，【颜色】为#003366，如图3-2-14所示。

图3-2-14 【直线工具】的【属性】面板参数设置

在场景中画一个立方体的边线，分别选择深蓝、蓝、浅蓝三种颜色，用【颜料桶工具】填充各个面，参考颜色为：＃000099、＃0033FF、＃00CCFF，如图 3-2-15所示。

图3-2-15 立方体的第一帧绘制

参考下图依次绘制各帧中立方体的外形并填充相应的颜色，共18帧，如图3-2-16所示。(在配套光盘的源文件的库中提供了一个“立方体”的矢量线条图形元件供参考，源文件位置：光盘\example\………)

图3-2-16 立方体各帧线条轮廓

步骤4 创建“立方体”图层 

单击【图层】面板上的【插入图层】按钮，新建一层，在时间轴的第一帧上，把库里的“立方体”影片剪辑拖入主场景中，放在场景的中下部，如图3-2-17所示。

图3-2-17 时间轴面板和场景中的元件

步骤5 创建标题文字

再添加一个新图层，选择工具箱中的【文字工具】，在【属性】面板上设置参数：【静态文本】、字体为【黑体】、字号为45、颜色为蓝色，如图3-2-18所示。

图 3-2-18 文字参数设置

在场景上方输入“矢量图逐帧动画”七个文字，文字的位置请参考图3-2-17。至此，整个实例制作完成。