第十一周多媒体实训课程教案5.1.doc

实训课程教案授课教师： 罗应琚 专业名称：课程名称：多媒体技术应用 授课班级：12网络 13国防 授课课时： 2节授课时间： 2014年4月5日第11周星期一第1、2节（4号机房） 授课内容5.1二维GIF动画制作 教 学 目 标1.掌握二维GIF动画制作 2.掌握ImageReady是基于图层来建立的gif动画的 3. 理解Fireworks有强大的矢量图制作能力 重、难点　二维GIF动画制作 实训地点学生机房4实训人数　38教学过程教学内容教师活动学生活动执行情况任务一 标志制作 　 一、二维GIF动画制作 1．二维GIF动画的介绍 在Internet互联网上经常可以看到各种动画，这些动态显示的图片吸引了浏览者的注意力，也给网页增加了新的活力和生机。现在一般使用较多的动画有gif动画和Flash动画， gif动画以其简易的制作、广泛的适用性，及较高的实用价值，在网页动画中占有很大的比例。动画的形成是由连续显示数张图片所造的视觉效果，其原理与卡通影片是一样的。制作gif动画的软件很多，比较常用的有Ulead的Gif Animator，Micromedia的Fireworks，Adobe的ImageReady。 下面先对这三种软件做一下介绍和对比。Gif Animator 图2-3-1 Ulead Gif界面 2、Gif Animator是一种专门的动画制作程序，利用它可以很轻松方便地制作出自己需要的动画。同时在Gif Animatork中包含着可以即时套用的特效以及优化gif动画图片的功能。同时它具有很强的通用性，目前常见的图像格式文件均能够被顺利的导入，并能够保存成Flash文件。另外Gif Animator还有很多经典的动画效果滤镜，只要输入一张图片，Gif Animator即可自动套用动画模式将其分解成数张图片，制作出动画。　　????3、 ImageReady Adobe ImageReady 界面 ImageReady是基于图层来建立的gif动画的，它能自动划分动画中的元素，并能将Photoshop中的图像用于动画帧。它具有非常强大的web图像处理能力，可以创作富有动感的gif动画，有趣的动态按键，甚至漂亮的网页。所以，ImageReady完全有能力独立完成从制图到动画的过程，它与Photoshop的紧密结合更能显示出它的优势。　　???? Fireworks 图2-3-3 Fireworks 界面 二、Fireworks有强大的矢量图制作能力 Fireworks有强大的矢量图制作能力，通过动画符号在不同影格的不同设置，造成我们视觉上的变化。影像随着影格播放就形成了动画。Fireworks对创建的任何对象或导入的对象都可以作为动画符号，每一个符号都有自己独立的属性，所以你可以针对不同的对象创建不同的动画形式，例如移动、淡入淡出等。因为该软件制作动画随意性和技巧性比较强，所以你的动画制作过程可以更加自由、富有创意。　 下表是对三种软件的综合资比较 软件 Gif Animator Fireworks ImageReady 易用性 非常简便，提供了动画制作向导，最后的优化效果对比 稍复杂，适用于习惯MicroMedia公司软件的用户 比较方便，易于修改，适用于熟悉photoshop用户 软件大小 10M 18M 12M 优势 具有强大的内置效果器 矢量做图功能强，创作更加自由 和photoshop的结合使用 缺点 以前的版本中gif文件一经保存便很难再修改，新版本中增加了object，类似于层的概念，方便不少。??? 图像制作和处理功能比较差。 在gif动画制作方面的内置效果器不多，有些使用Gif Animator很方便达到的效果，使用FW却稍嫌繁琐。　　 要想利用FW制作出理想的效果，除了需要掌握必须得技术之外，灵感和经验也是不可缺少的。 与photoshop的紧密结合，内存占用较大。??? 尽管该软件自带的不少styles，但对于gif动画的制作好像没有特别出色的帮助。 总体评价 简单，易学，方便，快捷 给设计者更高的自由发挥空间 与photoshop的结合 1、1．二维GIF动画的介绍 在Internet互联网上经常可以看到各种动画，这些动态显示的图片吸引了浏览者的注意力，也给网页增加了新的活力和生机。现在一般使用较多的动画有gif动画和Flash动画， gif动画以其简易的制作、广泛的适用性，及较高的实用价值，在网页动画中占有很大的比例。动画的形成是由连续显示数张图片所造的视觉效果，其原理与卡通影片是一样的。制作gif动画的软件很多，比较常用的有Ulead的Gif Anima