Download - 图片切换广告
![Page 1: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/1.jpg)
图片切换广告
-Flash-Flash 动画制作动画制作
![Page 2: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/2.jpg)
讨论讨论• ( 1 ) Flash 软件介绍与功能?• ( 2 ) Flash 软件界面与工具?• ( 3 )移动动画、遮罩动画的制作步骤?
![Page 3: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/3.jpg)
FlashFlashFlash 是 Macromedia 公司推出的一种优秀的矢量动画编辑软件,利用该软件制作的动画尺寸要比位图动画文件﹙如 GLF 动画﹚尺寸小很多,用户不但可以在动画中加入声音、视频和位图图像,还可以制作交互式的影片或者具有完备功能的网站
![Page 4: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/4.jpg)
FlashFlash 文档格式文档格式• Flash 文档的文件扩展名为 .fla(FLA) ,发布
后文件扩展名为 .swf ( SWF ),能插入到网页中的是 swf 格式的动画文件。
![Page 5: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/5.jpg)
时间轴时间轴• 时间轴用于组织和控制文档内容在一定时
间内播放的图层数和帧数。
![Page 6: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/6.jpg)
元件元件元件(又称为图符或组建)是 Flash 创作中的资源单位,包括可重复使用的图形、动画或按钮,即图形元件、影片剪辑元件和按钮元件。
![Page 7: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/7.jpg)
按钮元件按钮元件按钮元件由四个关键帧组成,因而有四种不同的状态。
![Page 8: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/8.jpg)
任务准备任务准备新建文档与保存( 1 )新建文档① 开始 - 程序 -Adobe Flash② 新建 Flash 文件( Action Script 2.0 )③ 文档大小设置 369px*315px ,帧频 15fps 。( 2 )保存① 文件——保存——文件名“ f01.fla”
![Page 9: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/9.jpg)
任务一 新建文档任务一 新建文档 导入素材导入素材( 1 )图片导入① 文件 - 导入 - 导入到舞台,选择图片 bg-image.png。② 文件 - 导入 - 导入到库,选择 product 文件夹中的图片 02.jpg 、 03.jpg 、 04.jpg 、 05.jpg ,打开库面板(窗口 - 库),查看图片导入情况。
![Page 10: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/10.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 帧插入帧。
![Page 11: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/11.jpg)
任务二 图层与动画设置任务二 图层与动画设置( 3 )遮罩图层设置① 分别在图层“图 02” 、“图03” 、“图 04” 、“图 05” 的上方新建一个图层“图 02z” 、“图 03z” 、“图 04z” 、“图 05z”,用来制作对应的动画。
![Page 12: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/12.jpg)
任务二 图层与动画设置任务二 图层与动画设置( 2 )形状动画的制作步骤参考学习单。
![Page 13: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/13.jpg)
任务二 图层与动画设置任务二 图层与动画设置( 3 )遮罩的实现① 分别右键图层“图 02z” 、“图 03z” 、“图 04z” 、“图 05z” ,设置为遮罩层
![Page 14: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/14.jpg)
任务三 制作按钮任务三 制作按钮 添加动作添加动作( 1 )制作按钮步骤参考学习单。
![Page 15: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/15.jpg)
任务四 导出动画,应用到网页任务四 导出动画,应用到网页( 1 )保存文件① 将导出的 swf 格式的 flash 文件添加到网页
![Page 16: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/16.jpg)
作品点评作品点评• 请大家将本次课的作业上交。• 一起来评一评。
![Page 17: 图片切换广告](https://reader036.vdocuments.pub/reader036/viewer/2022082404/56813264550346895d98fce4/html5/thumbnails/17.jpg)
小结小结1. Flash 动画在网页上的作用?