第11章 Phtshp CS3 GIF动画制作.ppt

Photoshop CS3中文版技能教程 主编 彭德林 明丽宏 中国水利水电出版社 第11章 GIF动画制作 【学习目标】 了解GIF动画初识 掌握帧的传播特性及过渡 掌握使用各种方法制作动画 熟练GIF动画的导入和导出 第11章 GIF动画制作 11.1 GIF动画初识 11.2 制作简单的GIF动画 11.3 帧的传播特性及过渡 11.4 时间轴动画 11.5 GIF动画导入和导出 本章小结 11.1 GIF动画初识 在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在Photoshop CS3中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。 所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。 接下来我们就先来了解一下在Photoshop CS3中对于动画的制作增加了哪些面板。 11.1 GIF动画初识 11.1.1 动画面板 11.1.2 图层面板增加的选项 11.2 制作简单的GIF动画 11.2.1 制作编辑动画 11.2.1 制作编辑动画 11.2.1 制作编辑动画 重复几次这种先复制帧再移动方块的操作，最终得到下图所示的样子(类似即可)。现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置(或坐标)在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。 12.2.2 设定帧的延迟时间 12.2.2 设定帧的延迟时间 11.2.3 动画的循环方式 11.2.4 动画文件的导出 11.2.4 动画文件的导出 11.3 帧的传播特性及过渡 11.3.1 帧的透明度传播 11.3.2 帧的传播特性 11.3.2 帧的传播特性 11.3.2 帧的传播特性 11.3.3 帧的选择 11.3.4 帧的过度 11.3.4 帧的过度 11.3.4 帧的过度 11.4 时间轴动画 11.4.1 认识时间轴 11.4.1 认识时间轴 11.4.1 认识时间轴 11.4.1 认识时间轴 11.4.1 认识时间轴 11.4.2 使用时间轴来制作动画 11.4.2 使用时间轴来制作动画 11.4.2 使用时间轴来制作动画 11.4.2 使用时间轴来制作动画 11.4.2 使用时间轴来制作动画 11.5 GIF动画导入和导出 11.5.1 视频的导入 11.5.2 GIF动画的导入 11.5.3 导出为各种格式的动画 本章小结 返回本章目录 如图11-25所示，将动画调板横向拉大一些，就会看到01:00、02:00这样的时间标志，单位为秒。时间轴的最右端正是刚才所设定的5秒总时长。将红色箭头所指出的滑杆向右方拖动，就能放大时间轴的细节，红框区域内就是放大后的时间轴。可以看到在秒之间有了01f、02f这样的标志，这就是帧。我们刚才的设定是5fps，所以每两秒之间都有5个帧。虽然我们只看到最大04f，但要知道05f其实就是和01:00重合在一起的。因此被表达为01:00f，意思就是该处既是第一秒，也是一个帧。 注意在两个红色箭头之间有一条不太显眼的细线，这是渲染缓冲指示，其他影视编辑软件也都有这个指示，不过在Photoshop中它的作用并不是很重要，在后面的课程中会提到。 右图为放大的时间轴细节 亿癌啄丑赠逐酚败夯桃散滚囊衬胯殿荡悠起噬转那草捡乾暮琶像咯峭笺寞第11章 Photoshop CS3 GIF动画制作第11章 Photoshop CS3 GIF动画制作 返回本章目录 现在我们正式开始利用时间轴来制作动画，这与我们之前的帧式动画有很大不同，但相比之下时间轴方式来的更直观和简便，也是我们以后最主要的制作方式。 接着上一节的内容，开始设定“PhotoShop CS3”的动画。在时间轴调板中展开这个文字层的动画项目，如图11-26所示。确保当前时间为0:00:00:00，