PhtshpCS3GIF动画制作1.ppt

【学习目标】 了解GIF动画知识 掌握帧的传播特性及过渡 掌握使用各种方法制作动画 熟练GIF动画的导入和导出 趣味：GIF动画制作 GIF动画初识 在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop CS3中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。 所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。 接下来我们就先来了解一下在Photoshop CS3中对于动画的制作增加了哪些面板。 GIF动画初识 动画面板 图层面板增加的选项 返回本章目录 动画面板 返回本节 动画面板的打开方法为：单击“窗口”菜单选择“动画”即可打开和关闭动画面板如下图所示。 图层面板中各部分的功能如下： 当前帧：即动画文件中当前的单幅画面 当前帧停留时间：当前画面停顿时间 当前动画文件循环选项：设定当前动画循环播放次数 选择第一帧：选择动画开始的单幅画面 选择上一帧：选择上一幅单幅画面 播放当前动画：预览当前动画 选择最后一帧：选择当前动画的最后一幅画面 过滤动画帧：两个帧之间的位置、透明度、效果变换 复制所选帧：复制当前画面 删除所选帧：删除当前画面 转换为时间轴动画：转换为更复杂的、功能更强大的动画面板 图层面板增加的选项 当打开动画面板的同时，在图层面板上也会增加一些关于动画制作的选项，如下图所示 返回本节 图层面板中各部分的功能如下： 统一图层位置： 统一设定当前图层在所有帧当中显示的位置 统一图层可见性： 统一设定当前图层在所有帧当中是否显示 统一图层样式： 统一调整当前图层在所有帧中的样式 帧的传播特性： 将第1帧的改变传播给所有帧 制作简单的GIF动画 制作编辑动画 设定帧的延迟时间 动画的循环方式 动画文件的导出 返回本章目录 制作编辑动画 返回本节 既然称为动画，那就是要令画面中的图像动起来，现在我们来实际动手画制作一个“简单”的动画吧。 新建一个200×200的空白图像，如右图所示。 新建一个图层并画上一个黑色的菱形，大致如下图所示。 制作编辑动画 返回本节 然后打开动画面板，在开启了动画调板后，我们就可以开始制作动画了，在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧，如下图所示。按照我们以前的习惯，这个图标应该表示为新建，如新建图层等，在这里虽然字面上的解释是复制，但其实也是一种新建，只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。 确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形状移动一定距离，大致如右图所示。可以看到虽然在第2帧中形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。 制作编辑动画 重复几次这种先复制帧再移动方块的操作，最终得到下图所示的样子(类似即可)。现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置(或坐标)在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。 返回本节 设定帧的延迟时间 返回本节 现在大家可以按下动画调板中的播放按钮，在图像窗口就可以看到形状移动的效果了，只是移动的速度很快。这是因为没有设置帧延迟时间。注意动画调板中每一帧的下方现在都有一个“ 0秒”，这就是帧延迟时间(或称停留时间)。帧延迟时间表示在动画过程中该帧显示的时长。比如某帧的延迟设为2秒，那么当播放到这个帧的时候会停留2秒钟后才继续播放下一帧。延迟默认为0秒，每个帧都可以独立设定延迟。 设定帧延迟的方法就是点击帧下方的时间处，在弹出的列表中选择相应的时间即可。如图11-8所示，将第7帧设为0.5秒。 设定帧的延迟时间 返回本节 列表中的“无延迟”就是0秒，如果没有想要设定的时间，可以选择“其他”后自行输入数值(单位为秒)。也可以在选择多个帧后统一修改延迟，选择多个帧的方法和选择多个图层相同，先在动画调板中点击第1帧将其选择，然后按住SHIFT键点击第6帧，就选择了第1至