图片切换广告

-Flash-Flash 动画制作动画制作

讨论讨论• （ 1 ） Flash 软件介绍与功能？• （ 2 ） Flash 软件界面与工具？• （ 3 ）移动动画、遮罩动画的制作步骤？

FlashFlashFlash 是 Macromedia 公司推出的一种优秀的矢量动画编辑软件，利用该软件制作的动画尺寸要比位图动画文件﹙如 GLF 动画﹚尺寸小很多，用户不但可以在动画中加入声音、视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站

FlashFlash 文档格式文档格式• Flash 文档的文件扩展名为 .fla(FLA) ，发布

后文件扩展名为 .swf （ SWF ），能插入到网页中的是 swf 格式的动画文件。

时间轴时间轴• 时间轴用于组织和控制文档内容在一定时

间内播放的图层数和帧数。

元件元件元件（又称为图符或组建）是 Flash 创作中的资源单位，包括可重复使用的图形、动画或按钮，即图形元件、影片剪辑元件和按钮元件。

按钮元件按钮元件按钮元件由四个关键帧组成，因而有四种不同的状态。

任务准备任务准备新建文档与保存（ 1 ）新建文档① 开始 - 程序 -Adobe Flash② 新建 Flash 文件（ Action Script 2.0 ）③ 文档大小设置 369px*315px ，帧频 15fps 。（ 2 ）保存① 文件——保存——文件名“ f01.fla”

任务一 新建文档任务一 新建文档 导入素材导入素材（ 1 ）图片导入① 文件 - 导入 - 导入到舞台，选择图片 bg-image.png。② 文件 - 导入 - 导入到库，选择 product 文件夹中的图片 02.jpg 、 03.jpg 、 04.jpg 、 05.jpg ，打开库面板（窗口 - 库），查看图片导入情况。

任务二 图层与动画设置任务二 图层与动画设置（ 1 ）图层 1 第 140 帧插入帧，锁定图层（ 2 ）图片图层设置① 新建图层“图 052” 、“图 02” 、“图 03” 、“图04” 、“图 05” ，分别在第 1 、 1 、 35 、 70 、 105帧插入关键帧，拖入库中的图片05.jpg 、 02.jpg 、 03.jpg 、 04.jpg 、 05.jpg 。在第14 、 49 、 85 、 120 、 140 帧插入帧。

任务二 图层与动画设置任务二 图层与动画设置（ 3 ）遮罩图层设置① 分别在图层“图 02” 、“图03” 、“图 04” 、“图 05” 的上方新建一个图层“图 02z” 、“图 03z” 、“图 04z” 、“图 05z”，用来制作对应的动画。

任务二 图层与动画设置任务二 图层与动画设置（ 2 ）形状动画的制作步骤参考学习单。

任务二 图层与动画设置任务二 图层与动画设置（ 3 ）遮罩的实现① 分别右键图层“图 02z” 、“图 03z” 、“图 04z” 、“图 05z” ，设置为遮罩层

任务三 制作按钮任务三 制作按钮 添加动作添加动作（ 1 ）制作按钮步骤参考学习单。

任务四 导出动画，应用到网页任务四 导出动画，应用到网页（ 1 ）保存文件① 将导出的 swf 格式的 flash 文件添加到网页

作品点评作品点评• 请大家将本次课的作业上交。• 一起来评一评。

小结小结1. Flash 动画在网页上的作用？