13.1 动画（课件）-高一《图形图像处理》同步精品课堂（人邮版）

13.1 制作小动画（共2课时） 第13章 动画 人民邮电出版社 图形图像处理 本 节 介 绍 本章将主要介绍在Photoshop CS6中制作简单的小动画。包括动画的概念、时间轴面板的基本操作、动画的创建、编辑以及保存方法。通过本章的学习，学生能灵活根据需要制作简单的动态图片，进一步提升软件学习的兴趣。 教学目标 一 理解帧和动画的概念； 熟悉时间轴面板及基本操作； 掌握动画的创建、编辑以及保存方法； 通过简单动态图片的制作，让体验成功的乐趣，进一步提升专业学习的兴趣。 1 2 3 4 重点、难点 二 掌握几种动画的创建、编辑及保存方法； 根据实际要求灵活利用时间轴面板和图层面板制作动画； 1 2  新课导入 三 之前我们用Photoshop处理的都是静态图片，今天，给大家介绍如何用Photoshop制作简单的动画！ 任务一：星星闪烁效果。打开素材图月亮（素材）.png；使用形状工具绘制星星，并调整好大小和位置，利用“时间轴”面板制作出星星闪烁GIF效果。 任务展示 四 知识点讲解 五 动画 Photoshop CS6虽不是专业的动画编辑软件，但也可以制作简单动画。 动画：就是在一定时间内显示的一系列图像或帧。每一帧比前一帧有一定的变化，当连续、快速地显示这些帧时就创造出运动效果。 制作动画时，需要使用“图层”面板和“时间轴”面板。 知识点讲解 五 “时间轴”面板 选择“窗口”一“时间轴”命令，该面板有两种显示模式，帧动画模式和时间轴动画模式。 帧动画的每一帧都是独立的内容，可以在每个帧绘制需要的图像。帧动画具有很大的灵活性，几乎可以表现任何内容。 帧动画模式 时间轴动画模式 知识点讲解 五 动画创建、保存 添加帧：单击“时间轴”面板上的“复制所选帧”按钮，不同的帧显示不同的图层，如右图所示； 添加过渡帧：在两帧显示不同图层基础上，单击“时间轴”面板上的“过渡动画帧”按钮，可根据需要设置两帧之间的过渡方式，使过渡更自然、平滑。 过渡帧大大减少了创建动画效果所需的时间。只需要确定动画中的起点帧和终点帧，然后在其间产生过渡帧，过渡帧可以在起点帧和终点帧属性间发生均匀地过渡。 知识点讲解 五 动画保存 “文件”/“存储为Web所用格式…”，打开如下存储框，红圈内选择gif，单击“存储”按钮，弹出“将优化结果存储为”对话框，输入文件名，选择格式。 保存格式：三种 HTML和图像：.html、.gif 仅限图像： .gif 仅限HTML： .html 打开素材。 前景色为（R：255、G：201、B：30），自定义形状工具，在画布中绘制多个任意大小星星。 将图层1复制为5个图层，调整星星大的小与位置， 任务实施 六 打开“时间轴”面板，单击“复制所选帧”4次，共5帧，第1帧显示图层1，第2帧显示图层2，第3帧显示图层3…… 设置帧延迟时间：选择其它，延迟为0.3秒。将所有帧延迟时间都设置为0.3秒，设置循环为永远，单击“播放动画”按钮即可播放动画； 选择“文件/储存为Web和设备所用格式”命令，单击“存储”按钮即可将文件导出为GIF动画。 任务实施 六 任务二：烟雨江南。 本任务将练习使用滤镜添加下雨效果,再利用帧动画模式使画面动起来。完成后的效果如图所示。 任务展示 七 打开素材文件，新建“图层1”填充黑色，滤镜/杂色/添加杂色:数量400，平均分布，单色。 滤镜/模糊/动感模糊:角度80，距离24； 图像/调整/色阶:133,1,194；将“图层1” Ctrl+T进行放大，并调整好位置，图层混合模式：滤色，如下面右图所示。 任务实施 八 打开时间轴面板，复制第1帧，选择第2帧，将图层1向下、向左移动，可以利用Ctrl+T的定界框看位置。 在第1帧与第2帧之间添加过渡帧：5帧，选择所有帧，修改延时0.3秒，循环方式：永远，播放看效果 保存为gif格式。 任务实施 九 课程总结 课程总结 点评学生在操作过程中出现的问题； 2. 什么是动画？什么是帧？ 3. 如何将动画导出为gif文件？ 作业布置 作业布置 1.完成同步练习中的相关理论题和操作题。 2.制作环绕渐隐渐现拖尾动画。 感谢观看 $5112 10 2 9 3 8 76 5SALES PER YEAR 15 SALES Onmilon) 19992000200120022003200420052006 YEARg