Photoshop动画教程及实例(GIF动画制作).ppt

《Photoshop动画教程及实例(GIF动画制作).ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Photoshop动画教程【学习目标】了解GIF动画初识掌握帧的传播特性及过渡掌握使用各种方法制作动画熟练GIF动画的导入和导出【学习内容】GIF动画初识制作简单的GIF动画帧的传播特性及过渡时间轴动画GIF动画导入和导出GIF动画初识※所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。※目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。11

2、.1动画面板1.2图层面板单击“窗口”菜单选择“动画”即可打开和关闭动画面板。当前帧：即动画文件中当前的单幅画面当前帧停留时间：当前画面停顿时间当前动画文件循环选项：设定当前动画循环播放次数选择第一帧：选择动画开始的单幅画面选择上一帧：选择上一幅单幅画面播放当前动画：预览当前动画选择最后一帧：选择当前动画的最后一幅画面过滤动画帧：两个帧之间的位置、透明度、效果变换复制所选帧：复制当前画面删除所选帧：删除当前画面转换为时间轴动画：转换为更复杂的、功能更强大的动画面板1.1动画面板图层面板中各部分的功能：统一图层位置：统一设定当前图层在所有帧当中显示的位置统

3、一图层可见性：统一设定当前图层在所有帧当中是否显示统一图层样式：统一调整当前图层在所有帧中的样式帧的传播特性：将第1帧的改变传播给所有帧1.2图层面板制作编辑动画设定帧的延迟时间动画的循环方式动画文件的导出2制作简单的GIF动画1.新建一个200×200像素的文档。2.新建一个图层并绘制一个任意形状。2.1制作动画3.在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧。这新建出来的帧和前一个帧的内容是相同的。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。4.确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形

4、状移动一定距离，大致如右图所示。可以看到虽然在第2帧中形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。5.重复几次，这种先复制帧再移动方块的操作，现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。6.设定帧延迟的方法就是点击帧下方的时间处，在弹出的列表中选择相应的时间即可。如图所示，将第7帧设为0.5秒。7.动画的循环方式导出能用于网页的独立动画

5、文件，则需要使用菜单【文件>存储为Web和设备所用格式】。弹出保存设置窗口，需要注意的是，如果没有选择GIF格式，则下方的播放按钮不可用。这是因为只有GIF格式才支持动画，如果强行保存为其他格式（如JPG或PNG格式），则所生成的图像中只有第一帧的画面。2.2动画的导出在存储过程中可能出现如下图所示的警告信息，不必理会，确定即可。也可以让其不再显示。但大家要注意在给文件起名时要使用半角英文或数字，不要使用全角字符或中文。这是为了能更广泛地被各种语言的浏览器所兼容。帧的传播特性及过渡33.1帧的透明度传播3.2帧的传播特性3.3帧的选择3.4帧的过渡3.1

6、帧的透明度传播上一个我们制作的是位移动画，是利用图层的移动。还可以通过设定不同的图层部透明度来产生动画，那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个400×100的图像，新建一个图层并绘制一个圆形。然后一次性复制4个帧出来，将会看到5个帧都是相同的内容。将所有帧的停留时间统一改为0.1秒，如下图所示。接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧60%，以此类推，因为我们还有一个0%的延迟，所以还需要再复制一个帧出来，为第6帧，并设定透明度为0%。形成的效果如右图所示。这时候播放就会看到方块逐渐渐隐的效果。3.2帧的传

7、播传播特性如果你在第一帧删除了某个图层，那么之后所有帧中就都不存在这个层了。因此在Photoshop动画设定中，第一帧是比较特殊的。现在选择第一帧，确保图层调板中“传播帧1”已被勾选，如下左图红色箭头处所示。然后移动图层，就会发现所有帧中的方块都统一发生了移动，如下右图所示。如果“传播帧1”未被勾选，则只会改变第1帧中的方块位置。3.3帧的选择SHIFT键——连选快捷键CTRL键——点选快捷键3.4帧的过渡逐帧动画：就是逐个帧进行制作。例如，一个物体的移动，我们是从头到尾参与了每一帧的设定。补间动画：设定好某段运动的起始帧和结束帧，然后在这两帧中产生平均

8、的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。1.新建一个图像，大