任务二图层与动画设置-网页制作课程网站.ppt

图片切换广告 -Flash动画制作 讨论 （1）Flash软件介绍与功能？ （2）Flash软件界面与工具？ （3）移动动画、遮罩动画的制作步骤？ Flash Flash是Macromedia公司推出的一种优秀的矢量动画编辑软件，利用该软件制作的动画尺寸要比位图动画文件﹙如GLF动画﹚尺寸小很多，用户不但可以在动画中加入声音、视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站 Flash文档格式 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文件添加到网页 作品点评 请大家将本次课的作业上交。 一起来评一评。 小结 Flash动画在网页上的作用？