当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>Flash入门与实战>>第三章 动画基础

第二节 逐帧动画(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。至此,整个实例制作完成。

 

 

相关内容
赞助商链接