photoshop_cs3_gif动画制作

《photoshop_cs3_gif动画制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、【学习目标】了解GIF动画初识掌握帧的传播特性及过渡掌握使用各种方法制作动画熟练GIF动画的导入和导出趣味：GIF动画制作趣味:GIF动画制作GIF动画初识制作简单的GIF动画帧的传播特性及过渡时间轴动画GIF动画导入和导出本章小结GIF动画初识在我们前面所学的课程中，Photoshop只是被用来制作比如海报、印刷稿等静态图像的，我们提到过它具备动画制作的能力。现在我们就是要在PhotoshopCS3中去创建一个由多个帧组成的动画。把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上的连续性，令动画成型。所谓

2、动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。接下来我们就先来了解一下在PhotoshopCS3中对于动画的制作增加了哪些面板。GIF动画初识动画面板图层面板增加的选项返回本章目录动画面板返回本节动画面板的打开方法为：单击“窗口”菜单选择“动画”即可打开

3、和关闭动画面板如下图所示。图层面板中各部分的功能如下：当前帧：即动画文件中当前的单幅画面当前帧停留时间：当前画面停顿时间当前动画文件循环选项：设定当前动画循环播放次数选择第一帧：选择动画开始的单幅画面选择上一帧：选择上一幅单幅画面播放当前动画：预览当前动画选择最后一帧：选择当前动画的最后一幅画面过滤动画帧：两个帧之间的位置、透明度、效果变换复制所选帧：复制当前画面删除所选帧：删除当前画面转换为时间轴动画：转换为更复杂的、功能更强大的动画面板图层面板增加的选项当打开动画面板的同时，在图层面板上也会增加一些关于动画制作

4、的选项，如下图所示返回本节图层面板中各部分的功能如下：统一图层位置：统一设定当前图层在所有帧当中显示的位置统一图层可见性：统一设定当前图层在所有帧当中是否显示统一图层样式：统一调整当前图层在所有帧中的样式帧的传播特性：将第1帧的改变传播给所有帧制作简单的GIF动画制作编辑动画设定帧的延迟时间动画的循环方式动画文件的导出返回本章目录制作编辑动画返回本节既然称为动画，那就是要令画面中的图像动起来，现在我们来实际动手画制作一个“简单”的动画吧。新建一个200×200的空白图像，如右图所示。新建一个图层并画上一个红色的圆形

5、，大致下图所示。制作编辑动画返回本节然后打开动画面板，在开启了动画调板后，我们就可以开始制作动画了，在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧，如下图所示。按照我们以前的习惯，这个图标应该表示为新建，如新建图层等，在这里虽然字面上的解释是复制，但其实也是一种新建，只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形状移动一定距离，大致如右图所示。可以看到虽然在第2帧中

6、形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。制作编辑动画重复几次这种先复制帧再移动方块的操作，最终得到下图所示的样子(类似即可)。现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置(或坐标)在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。返回本节设定帧的延迟时间返回本节现在大家可以按下动画调板中的播放按钮，在图像窗口就可以看到形状移动的效果了，只是移

7、动的速度很快。这是因为没有设置帧延迟时间。注意动画调板中每一帧的下方现在都有一个“0秒”，这就是帧延迟时间(或称停留时间)。帧延迟时间表示在动画过程中该帧显示的时长。比如某帧的延迟设为2秒，那么当播放到这个帧的时候会停留2秒钟后才继续播放下一帧。延迟默认为0秒，每个帧都可以独立设定延迟。设定帧延迟的方法就是点击帧下方的时间处，在弹出的列表中选择相应的时间即可。如图11-8所示，将第7帧设为0.5秒。设定帧的延迟时间返回本节列表中的“无延迟”就是0秒，如果没有想要设定的时间，可以选择“其他”后自行输入数值(单位为秒)

8、。也可以在选择多个帧后统一修改延迟，选择多个帧的方法和选择多个图层相同，先在动画调板中点击第1帧将其选择，然后按住SHIFT键点击第6帧，就选择了第1至第6帧。然后在其中任意一帧的时间区进行设定即可，如下图所示，设为0.1秒。这是一个比较常用的延迟时间。再次播放动画，就会看到形状移动的速度有所减缓，并且在移动的最后会停留较长时间。很明显，这是由于它被设置了较