gif动态图片制作

《gif动态图片制作》由会员分享，可在线阅读，更多相关《gif动态图片制作（4页珍藏版）》请在金锄头文库上搜索。

1、- 1 - gif 动态图片制作课 题 gif 动态图片制作 班 级 初二年段授课老师 授课时间 2012 年 12 月 18 日授课类型 新授课 课时 二课时知识与技能 1、了解 GIF 动画相关概念。 2、掌握用 ImageReady 制作 GIF 动画的基本过程过程与方法 通过教师演示和学生上机操作的方式设学习制作 gif 动画的方法。教学目标情感态度与价值观通过制作生动有趣的 gif 动画，使学生对 ps 的学习产生兴趣。教学重点与难点教学重点：通过引入帧的概念，使同学理解动画的实质。教学难点：Imageready 的操作方法。从 ps 导入 imageready 的步骤。教学资源 样

2、例与素材教学方法 1、主要采用“任务驱动法” 、“ 演示法”、 “半成品教学”等教学方法，为学生创造自主探究学习的平台，使学生主动愉快的学习。2、运用图像、文字等多种媒体进行教学，吸引学生主动地去学习，提高教学效果。教学过程 教 师 活 动 学 生 活 动 设计意图新课导入上课前，可以播放几个比较有趣的 gif 动画。师：刚才我们欣赏几幅有趣的动画，那么这些有趣我们是否自己也可以做呢？是的，我 们可以。今天我们就来学习，用 ps 制作 gif 动画。观摩老师演示，引起兴趣提出问题新课讲解第一课时：师：我先问一下都有谁听说过 gif 的，知道的请举一下手。好，看来很多同学都听说过 gif，我简要

3、的介绍一下这种图片格式。师：GIF 文件的数据，是一种无损压缩格式。其压缩率一般在 50左右，它不属于任 何应用程序。目前几乎所有相关软件都支持它，公共领域有大量的软件在使用 GIF 图像文 件。 GIF 格式的另一个特点是其在一个 GIF 文件中可以存多幅彩色图像， 如果把存于一个文 件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简1.观察并思考，积极回答老师问题；1对比观察，提高学生的观察分析能力；2观察分析出问题后，再针对性的进行处理，培养学生分析问题处理问题的思维； - 2 -单的动画。在 Gif 里的一 幅图像就叫做一帧。 师：通过我刚才的介绍，gif 动画实际上就是几幅图

4、像依次的显示出来，所形成的很简 单的动画。好，接下来我们就尝试着做 gif 动画，元旦快到了，我这里有几幅图片，要是把这 几幅图片连在一起不就成了一个动画了吗？我们在 ps 中打开这几幅图片。然后将图片按照 编号拖入到一幅图片中。然后双击背景点击确定，这样这幅图片中就有五个图层。拖动的时 候一定要按次序，以防乱掉。然后我们点击 imageready 按键，进入 imageready 编辑界面， 然后单击窗口菜单，打开动作面板。打开后我们会看见下面已经有一个帧，好我们复制这个帧，复制四个。这样我们就有了五帧，但这样还没完，还是没有动起来，我们点选每一帧，然后调一下可见图层，比如第一帧我们把图层

5、1 调成可见。一次操作，然后我们播放一下， 图片就跑起来了。 完成之后，我们把图片导出就可以了。 师：接下来我把素材发给你们，同学们自己动手做一下。 同学们上机操作，教师下去辅导。操作顺序：1、首先打开软件2、在工具栏最下端的按钮上切换到imageready 界面去。3、在 imageready 界面下打开五张事先准备好的图片。、将五张图片叠在一起，注意顺序。、打开菜单窗口，调出动画面版窗口。.1.认真观看老师制作过程；理解过程和方法。. 1.通过演示例子，学习使用方法。2.实践中提高动手能力。- 3 -6、在动画窗口中已经有一幅图片了，这个时候你要在复制四张图片，变成五张。我们把其中一张称为一帧。7、调整每一帧的显示内容。在图层中调整其他不需要显示的内容。8、待每一帧内容调整完好之后，再调整每一帧要显示的时间。9、检查一下优化的内容是不是 gif，优化的位置在右上角。10、都检查结束后，在文件菜单中选择将优化结果存储为，接下来就跟平时保存的方式方法一样了。祝同学们成功。第二课时：在第一课时知识铺垫上，继续再完成一幅 gif 图片：1.通过演示例子，学习使用方法。2.实践中提高动手能力。- 4 -巩固与练习以案例为参照，按作业要求，独自完成作业。 学生按老师的要求完成作业。将教师讲授的新知识运用在实际的操作练习中，在练习中理解，在理解上加深印象。