网页制作技术——Dreamweaver Flash Fireworks 作者 赵丰年 第6章.pptVIP

3．逐帧动画实例 创建图6.17 所示逐帧动画的基本步骤如下。 （1）单击图层 1 名称使之成为当前层，然后在动画开始播放的层中选择第 1 帧（该帧为默认的空白关键帧）。 （2）在第 1 帧上创建图像，如图6.20 所示。图6.21 创建第 2 帧内容。 （3）单击同一行中右侧的下一个帧，然后按【F6】键插入关键帧，这将添加一个新的关键帧，其内容和第一个关键帧一样。 （4）在舞台中改变该帧的内容，如图6.21 所示（可以使用洋葱皮功能或使用“信息”面板来确定两帧的相对位置）。 （5）重复第 3 步和第 4 步继续创建动画后面的帧直到动画完成。 （6）单击时间轴上的“插入图层”按钮 ，新建一个图层，并利用绘图工具在该层第 1 帧上绘制一个“花盆”，此时的窗口如图6.22 所示。 （7）按【Ctrl + S】键保存文件。 （8）按【Ctrl + Enter】键测试动画。 （9）如果需要，将动画导出为 .swf 格式以便插入到网页中。 （1）制作形状补间的水滴动画。 （2）选择水滴动画的第 1 帧。 （3）选择“修改”菜单中的“形状”命令，在子菜单中选择“添加形状提示”命令，第一个形状提示一般将出现在图形的中心，如图6.48 所示。 （4）将出现的形状提示拖动到需要标识的点，并将需要标识的点按以上的方法全部标识，如图6.49 所示。 * 人民邮电出版社 * 第6章 Flash 应用 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 6.1 Flash的工作流程 6.2 Flash绘画 6.3 创建逐帧动画 6.4 创建补间动画 6.5 创建形状补间 6.6 创建交互动画 6.1 Flash的工作流程 6.1.1 什么是 Flash Flash 的工作界面 图6.1 Flash MX 的工作界面 6.1.2 制作 Flash 动画的基本过程 1．在 Flash 中作图 2．制作 Flash 动画 3．制作交互式 Flash 电影 4．导出 Flash 6.2 Flash绘画 6.2.1 绘制几何形状 1．绘制直线 2．绘制椭圆形和圆形 3．绘制矩形和圆角矩形 图6.4 在“属性检查器”中设置线条属性 6.2.2 绘制曲线及任意形状的图形 图6.5 绘制曲线 图6.6 绘制图形 6.2.3 对象操作 1．选取对象 2．编辑对象 图6.7 用“箭头工具”编辑对象 图6.8 用“部分选取工具”编辑对象 3．填充和描边 图6.9 填充与描边 单击图形，图形就被填充了 单击图形，即可用所需颜色为图形描边 将“颜料桶工具”移到需要填充的图形上 将“墨水瓶工具”移到需要描边的图形上 4．缩放、旋转、倾斜、扭曲和封套对象 图6.15 倾斜对象 图6.13 缩放对象 图6.14 旋转对象 第 1 帧 第 4 帧 第 7 帧 第 9 帧 图6.17 逐帧动画示例 6.3 创建逐帧动画 6.3.1 什么是逐帧动画 逐帧动画就是通过更改每一帧中的舞台内容而获得动画效果，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画的缺点是太耗费时间和精力，而且最终生成的动画文件偏大。但是，它也有自己的优点，即能最大限度地控制动画的变化细节，如图6.17 所示。 6.3.2 逐帧动画的创建过程 1．图层的概念 图层就像一摞透明的纸，每一张都保持独立，它们的内容相互没有影响，可以进行独立的操作，同时又可以合成一个完整的电影。使用层的好处就是能够轻松地控制复杂动画中的多个对象，使它们不会互相干扰。 可以新建、选定、删除、复制、锁定、显示或隐藏、重命名一层或多层，也可以执行调整层位置、设置层属性、将层上的对象用轮廓显示等操作。 图6.2 时间轴窗口 在时间轴的图层上单击鼠标右键，可以执行各种图层操作，也可以使用时间轴和图层上的各种按钮执行图层操作（例如，单击眼睛图标 可以隐藏所有图层），如图6.2所示。 2．帧的概念 Flash 制作的动画是由一帧一帧组成的，帧就是不同时间点上显示的内容。在时间轴上可以看到几种不同类型的帧：黑色的实心小圆圈代表关键帧，就是指一个有内容的、或者说是有内容改变的帧，它