photoshopgif动画制作公开课.pptxVIP

第1页/共26页一.教学目标（1）知识目标：掌握Photoshop动画制作的理论知识，熟知动画帧的设置技巧。（2）能力目标：能根据要求制作GIF动画。（3）素质目标：要求学生能创造性的对图片素材进行动画创意设计。第一页，编辑于星期六：十四点 十三分。第2页/共26页二.教学重点和难点1.重点：Photoshop动画制作的两种方法2.难点：动画面板和图层面板的使用 第二页，编辑于星期六：十四点 十三分。第3页/共26页三.教学方法和教学安排 1.机房多媒体形式，讲授法与学生实际演示相结合。 2. 两个课时 第三页，编辑于星期六：十四点 十三分。第4页/共26页四.教学过程1.复习提问 （1）Photoshop主要功能是什么？ （2）Photoshop 主要应用领域有哪些？ 第四页，编辑于星期六：十四点 十三分。第5页/共26页四.教学过程2.新课导入 在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop CS3中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。 所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。第五页，编辑于星期六：十四点 十三分。第6页/共26页四.教学过程3.讲解过程1）动画面板和图层面板2）制作简单的逐帧GIF动画3）制作过渡GIF动画4）利用图片素材创意设计动画5）本章小结第六页，编辑于星期六：十四点 十三分。第7页/共26页四.教学过程 1. 动画面板2.图层面板增加的选项 第七页，编辑于星期六：十四点 十三分。第8页/共26页四.教学过程动画面板的打开方法为：单击“窗口”菜单选择“动画”即可打开和关闭动画面板如下图所示。 图层面板中各部分的功能如下：当前帧：即动画文件中当前的单幅画面当前帧停留时间：当前画面停顿时间当前动画文件循环选项：设定当前动画循环播放次数选择第一帧：选择动画开始的单幅画面选择上一帧：选择上一幅单幅画面播放当前动画：预览当前动画选择最后一帧：选择当前动画的最后一幅画面过滤动画帧：两个帧之间的位置、透明度、效果变换复制所选帧：复制当前画面删除所选帧：删除当前画面转换为时间轴动画：转换为更复杂的、功能更强大的动画面板第八页，编辑于星期六：十四点 十三分。第9页/共26页四.教学过程当打开动画面板的同时，在图层面板上也会增加一些关于动画制作的选项，如下图所示： 图层面板中各部分的功能如下：统一图层位置： 统一设定当前图层在所有帧当中显示的位置统一图层可见性： 统一设定当前图层在所有帧当中是否显示统一图层样式： 统一调整当前图层在所有帧中的样式帧的传播特性： 将第1帧的改变传播给所有帧 第九页，编辑于星期六：十四点 十三分。第10页/共26页四.教学过程 一个动画制作的完整过程： 1.制作编辑动画 2.设定帧的延迟时间 3.动画的循环方式 4.动画文件的导出 第十页，编辑于星期六：十四点 十三分。第11页/共26页四.教学过程（简单动画） 既然称为动画，那就是要令画面中的图像动起来，现在我们来实际动手画制作一个“简单”的动画吧。1.新建一个200×200的空白图像，如右图所示。2.新建一个图层并画上一个黑色的菱形，大致下图所示。 第十一页，编辑于星期六：十四点 十三分。第12页/共26页四.教学过程（复制帧） 3.然后打开动画面板，在开启了动画调板后，我们就可以开始制作动画了，在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧，如下图所示。按照我们以前的习惯，这个图标应该表示为新建，如新建图层等，在这里虽然字面上的解释是复制，但其实也是一种新建，只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。 4.确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形状移动一定距离，大致如右图所示。可以看到虽然在第2帧中形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。 第十二页，编辑于星期六：十四点 十三分。第13页/共26页四.教学过程（调整帧） 5.重复几次这种先复制帧再移动方块的操作，最终得到下图所示的样子(类似即可)。现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置(或坐标)在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。第十三页，编辑于星期六：十四点 十三分。第14