图片切换广告

图片切换广告 -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动画在网页上的作用？

图片切换广告

图片切换广告

Presentation Transcript