ps做gif动画教程(ps怎么做gif动画制作)

本文主要介绍用ps制作gif动画的视频教程(如何用ps制作gif)，下面跟着东辰网详细了解一下吧。

作者:匿名来源:网络征集简介:

动画的原理是人眼具有视觉暂留的特性。所谓视觉暂留，是指看到物体后，即使物体很快消失，但在一定时间内仍会在眼中留下持久的影像，这种现象在物体明亮时尤为明显。最常见的就是晚上拍照的时候用闪光灯。虽然闪光灯早就熄灭了，但拍摄对象身上还是会有光晕它会持续一段时间。

这个功能最早的应用可能在我们上小学的时候就已经有了，就是在课本的页脚画很多动作，然后快速翻动，就可以实现我们眼中的连续影像。这是动画。需要注意的是，这里的动画并不是指漫画动画。虽然卡通动画的制作原理是一样的，但是这里的动画指的是所有连续的图像。

综上所述，所谓动画就是连续播放几幅静止画面，通过视觉暂留形成一个连续的图像。比如传统电影就是用一长串连续记录单一画面的胶片，然后以一定的速度用灯光投射到银幕上。这里有速度要求。试想一下，如果我们慢慢翻课本，只会感受到多个静止的图像，而不是连续的图像。电影也是如此。如果速度太慢，观众看到的就相当于旋转幻灯片。为了让观众感受到连续的影像，影片以每秒24幅画面的速度播放，即一秒钟内24幅静止画面连续投射在银幕上。动画播放速度的单位是fps，其中f是英文单词帧，p是Per，s是秒。中文表达就是每秒多少帧，或者说每秒多少帧。电影是24fps，通常指的是24帧。

现实生活中其他能生成图像的设备也有帧率的概念。比如和欧洲用的PAL制是25帧，日本和美国用的NTSC制是29.97帧。如果在电脑上播放动画，15帧可以达到连续图像的效果。这样以后你做视频的时候，就要想好贴在什么样的设备上，才能设置不同的帧率。

人眼的识别准确率其实远高于上述帧率，因为人眼和大脑组成的视觉系统非常发达。It只是它根据不同的环境有不同的敏感度。比如在黑暗环境下，明亮光源的视觉保持时间更长，所以影片只需要24帧。对了，只有少数动物在某些方面能超越人类，但其他方面都有严重缺陷。例如,细节之王鹰是色盲，而夜视之王猫头鹰有固定的眼睛，必须转动头部才能观察周围环境。

在我们之前学习的课程中，只使用了Photoshop。制作海报、印刷手稿等静止图像，我们提到它具有动画的能力。现在我们要在Photoshop中创建一个由多帧组成的动画。将单幅图片扩展为多幅图片。并在这多个图像中创造一个图像连续性，这样就形成了动画。

现在很多用Flash制作的动画都可以配上配音和交互性，从而让整个动画更加生动。Photoshop制作的动画只能称之为简单动画，主要是因为它只有图片但是可以t加声音，观众只能以固定的观看。但是简单不会。;这并不意味着简单。虽然前者提供了更多的制作和表现，但后者还是有自己独特的优势，比如图层式动画，可以轻松做出一些其他软件难以做到的精致动画细节。再者，就像在纸上画画是很简单的行为一样，不同的人画的也不一样。所以，优秀的动画不一定需要复杂的技术，重要的是优秀的创意。

无论是哪种软件，其制作原理都是一样的，就像我们努力学习的RGB色彩模式一样，随处都可以应用。所以我们现在的任务就是利用我们所学的Photoshop的基础知识，延伸到动画制作中，从中学习动画制作的一般技巧和方法。这些知识以后还是可以应用到其他方面的。我们还将介绍如何将Photoshop动画转换为视频并添加声音。

除了生产上的区别，使用上也有区别。动画经常被放在网页的某个区域来强调某个内容，比如广告动画。这类动画通常根据摆放位置的不同有相应的固定尺寸，比如468x60、140x60、90x180等。动画也可以应用于手机彩信(一种可以发送图片、声音、视频的多媒体短信服)。这些用途各有特点，除了大小还有其他因素要考虑。例如字节数、帧驻留时间等的限制。我们会在教程中一步一步解释。

需要注意的是，在本教程开始之前，我们要求读者已经学习了Photoshop的基础知识，了解并掌握调整图层、图层样式等概念和操作。例如，我们只简单介绍了如何设置曲线调整层，而没有详细解释其原理。所以建议新读者先学习基础内容。

另外，PhotoshopCS3的扩展版有动画功能，普通版没有。CS2版多了一个动作制作功能，操作和CS3Extended类似。CS和早期版本需要使用的ImageReady软件制作动画。建议您使用与教程相同版本的CS3Extended。

因为它这叫搬家绘画就是让画面中的形象动起来。现在让我们我们实际上画了一个简单而谦逊动画。

创建一个150150的空白图像，新建一个图层，绘制一个矩形，如下左图所示，图层调色板如下右图所示。可以看出这是一个普通的点阵图层，实际操作中要尽量使用矢量图层，在后面的教程中也会注意到这一点。(图0)

通过[Window_Animation]打开动画调色板，如下左图所示。此时，图层面板也有更多的选项，如右边的红色箭头所示。如果你关闭动画调色板，你将返回到原来的。唐暂时不要在这里注意它。另外，动画调板经常与测量记录调板结合在一起，与我们当前的内容无关，可以关闭。(图0)

打开动画调色板后，我们就可以开始制作动画了。单击复制选定的框架按钮，你会看到一个新的帧已经被添加。如下图所示。按照我们以前的习惯，这应该表现为新的建筑，比如新的一层等。虽然这里的字面解释是复制，实际上是新建的建筑，但是新加的框架实际上和之前的框架是一样的。相应地，你也应该能够想象按钮的功能是删除框架。(图0)

确认复制的第2帧当前在动画调色板中被选中，然后使用移动工具将图层中的方块移动一定距离，如下左图所示。此时，动画调色板如下图所示。可以看出，虽然在第二帧中正方形的位置发生了变化，但是在最初的开始帧中正方形的位置保持不变。这是一个非常重要的特性。

重复几次这个操作先复制框架再移动方块，最后得到下图右所示(类)。现在我们有七个框架，每个框架中正方形的位置是不同的。注意句子盒子在每一帧中的位置是不同的，然后看图层面板。很明显只存在一层(背景层暂且)，这就导致了一个特点:对于一层，可以在不同的帧中分别指定它的位置(或者坐)。根据这个特性，我们可以用一个图层来制作物体运动的动画。(图0)

现在可以在动画调板中按下播放按钮，在图像窗口中可以看到盒子移动的效果，但是移动速度非常快。这是因为没有设置帧延迟时间。请注意，现在有一个0秒动画调色板中每一帧的下方，是帧延迟时间(或停留时)。帧延迟时间表示帧在动画过程中显示的时间。比如一帧的延迟设置为2秒，那么播放这一帧时，会停留2秒再播放下一帧。默认延迟为0秒，每帧可以独立设置。

设置帧延迟的方法是点击帧下方的时间，从弹出的列表中选择相应的时间。如下左图所示，将第7帧设定为0.5秒。没有延迟列表中的时间是0秒。如果没有您想要设定的时间，您可以选择其他并输入以秒为单位的值。您也可以在选择多个帧后统一修改延迟。选择多个帧的方法与选择多个层的方法相同。首先，单击动画调色板中的开始帧以选择它，然后按住SHIFT键单击第六帧以选择开始到第六帧。然后设置在任一帧的时区，如下右图所示，设置为0.1秒。这是一个常见的延迟时间。

再放一遍动画，你会看到盒子移动的很慢，在移动的最后停留了很久。很明显，这是因为它设置了很长的延迟。这种长延时其实起到了突出的作用，在实际制作中可以用来突出一个主题。我们也会在后面的教程中找时间介绍一些表达技巧。(图05和0)

除了延迟时间，动画的另一个特点是可以设置播放的循环次数。注意这里有一个永远在动画调色板的开始帧下面，这是循环数。点击后，您可以选择一次or永远，或者自己设定循环次数。然后再次播放动画，看看设置循环次数的效果。

虽然动画在大多数情况下是一个连续的循环(即)，但在某些地方，会使用单个循环或几个循环(2~)，主要是在用动画制作web部件时。比如一个栏目的名称会从无到有逐渐动画化，这样当名称完全显示出来的时候就应该是固定的，不能再消失然后又逐渐出现。这时，有必要使用一次循环设置。(图0)

按【CTRLS】【文件保存】保存动画设置，文件格式为psd。这种文件格式是Photoshop专有的，可以记录所有相关信息。建议大家把作品保存成这种格式，以便以后修改。如果需要一个可以用于网页的独立动画文件，需要使用【CtrlAltshift】【W:匿名来源:网络征集简介:

动画的原理是人眼具有视觉暂留的特性。所谓视觉暂留，是指看到物体后，即使物体很快消失，但在一定时间内仍会在眼中留下持久的影像，这种现象在物体明亮时尤为明显。最常见的就是晚上拍照的时候用闪光灯。虽然闪光灯早就熄灭了，但拍摄对象身上还是会有光晕它会持续一段时间。

这个功能最早的应用可能在我们上小学的时候就已经有了，就是在课本的页脚画很多动作，然后快速翻动，就可以实现我们眼中的连续影像。这是动画。需要注意的是，这里的动画并不是指漫画动画。虽然卡通动画的制作原理是一样的，但是这里的动画指的是所有连续的图像。

综上所述，所谓动画就是连续播放几幅静止画面，通过视觉暂留形成一个连续的图像。比如传统电影就是用一长串连续记录单一画面的胶片，然后以一定的速度用灯光投射到银幕上。这里有速度要求。试想一下，如果我们慢慢翻课本，只会感受到多个静止的图像，而不是连续的图像。电影也是如此。如果速度太慢，观众看到的就相当于旋转幻灯片。为了让观众感受到连续的影像，影片以每秒24幅画面的速度播放，即一秒钟内24幅静止画面连续投射在银幕上。动画播放速度的单位是fps，其中f是英文单词帧，p是Per，s是秒。中文表达就是每秒多少帧，或者说每秒多少帧。电影是24fps，通常指的是24帧。

现实生活中其他能生成图像的设备也有帧率的概念。比如和欧洲用的PAL制是25帧，日本和美国用的NTSC制是29.97帧。如果在电脑上播放动画，15帧可以达到连续图像的效果。这样以后你做视频的时候，就要想好贴在什么样的设备上，才能设置不同的帧率。

人眼的识别准确率其实远高于上述帧率，因为人眼和大脑组成的视觉系统非常发达。只是根据环境的不同，它有不同的敏感度。比如在黑暗环境下，明亮光源的视觉保持时间更长，所以影片只需要24帧。。对了，只有少数动物在某些方面能超越人类，但其他方面都有严重缺陷。例如,细节之王鹰是色盲，而夜视之王猫头鹰有固定的眼睛，必须转动头部才能观察周围环境。

在我们之前学习的课程中，Photoshop只用于制作海报、打印稿等静止图像，我们提到过它具有动画的能力。现在我们要在Photoshop中创建一个由多帧组成的动画。将单幅图片扩展为多幅图片。并在这多个图像中创造一个图像连续性，这样就形成了动画。

现在很多用Flash制作的动画都可以配上配音和交互性，从而让整个动画更加生动。Photoshop制作的动画只能称之为简单动画，主要是因为它只有图片但是可以t加声音，观众只能以固定的观看。但是简单不会。;这并不意味着简单。虽然前者提供了更多的制作和表现，但后者还是有自己独特的优势，比如图层式动画，可以轻松做出一些其他软件难以做到的精致动画细节。再者，就像在纸上画画是很简单的行为一样，不同的人画的也不一样。所以，优秀的动画不一定需要复杂的技术，重要的是优秀的创意。

无论是哪种软件，其制作原理都是一样的，就像我们努力学习的RGB色彩模式一样，随处都可以应用。所以我们现在的任务就是利用我们所学的Photoshop的基础知识，延伸到动画制作中，从中学习动画制作的一般技巧和方法。这些知识以后还是可以应用到其他方面的。我们还将介绍如何将Photoshop动画转换为视频并添加声音。

除了生产上的区别，使用上也有区别。动画经常被放在网页的某个区域来强调某个内容，比如广告动画。这类动画通常根据摆放位置的不同有相应的固定尺寸，比如468x60、140x60、90x180等。动画也可以应用于手机彩信(一种可以发送图片、声音、视频的多媒体短信服)。这些用途各有特点，除了大小还有其他因素要考虑。例如字节数、帧驻留时间等的限制。我们会在教程中一步一步解释。

需要注意的是，在本教程开始之前，我们要求读者已经学习了Photoshop的基础知识，了解并掌握调整图层、图层样式等概念和操作。例如，我们只简单介绍了如何设置曲线调整层，而没有详细解释其原理。所以建议新读者先学习基础内容。

另外，PhotoshopCS3Extended(扩)版只有动画制作功能。没有完整版本。CS2版多了一个动作制作功能，操作和CS3Extended类似。CS和早期版本需要使用的ImageReady软件制作动画。建议您使用与教程相同版本的CS3Extended。

既然叫动画，就是让画面中的形象动起来。现在让我们我们实际上画了一个简单而谦逊动画。

创建一个150150的空白图像，新建一个图层，绘制一个矩形，如下左图所示，图层调色板如下右图所示。可以看出这是一个普通的点阵图层，实际操作中要尽量使用矢量图层，在后面的教程中也会注意到这一点。(图0)

通过[Window_Animation]打开动画调色板，如下左图所示。此时，图层面板也有更多的选项，如右边的红色箭头所示。如果你关闭动画调色板，你将返回到原来的。唐暂时不要在这里注意它。另外，动画调板经常与测量记录调板结合在一起，与我们当前的内容无关，可以关闭。(图0)

打开动画调色板后，我们就可以开始制作动画了。单击复制选定的框架按钮，你会看到一个新的帧已经被添加。如下图所示。按照我们以前的习惯，这应该表现为新的建筑，比如新的一层等。虽然这里的字面解释是复制，实际上是新建的建筑，但是新加的框架实际上和之前的框架是一样的。相应地，你也应该能够想象按钮的功能是删除框架。(图0)

确认复制的第2帧当前在动画调色板中被选中，然后使用移动工具将图层中的方块移动一定距离，如下左图所示。此时，动画调色板如下图所示。可以看出，虽然在第二帧中正方形的位置发生了变化，但是在最初的开始帧中正方形的位置保持不变。这是一个非常重要的特性。

重复几次这个操作先复制框架再移动方块，最后得到下图右所示(类)。现在我们有七个框架，每个框架中正方形的位置是不同的。注意句子盒子在每一帧中的位置是不同的，然后看图层面板。很明显只存在一层(背景层暂且)，这就导致了一个特点:对于一层，可以在不同的帧中分别指定它的位置(或者坐)。根据这个特性，我们可以用一个图层来制作物体运动的动画。(图0)

现在可以在动画调板中按下播放按钮，在图像窗口中可以看到盒子移动的效果，但是移动速度非常快。这是因为没有设置帧延迟时间。请注意，现在有一个0秒动画调色板中每一帧的下方，是帧延迟时间(或停留时)。帧延迟时间表示该帧在动画过程中显示。显示的时间长度。比如一帧的延迟设置为2秒，那么播放这一帧时，会停留2秒再播放下一帧。默认延迟为0秒，每帧可以独立设置。

设置帧延迟的方法是点击帧下方的时间，从弹出的列表中选择相应的时间。如下左图所示，将第七帧设置为0.5秒。没有延迟列表中的时间是0秒。如果没有您想要设定的时间，您可以选择其他并输入以秒为单位的值。您也可以在选择多个帧后统一修改延迟。选择多个帧的方法与选择多个层的方法相同。首先，单击动画调色板中的开始帧以选择它，然后按住SHIFT键单击第六帧以选择开始到第六帧。然后设置在任一帧的时区，如下右图所示，设置为0.1秒。这是一个常见的延迟时间。

再放一遍动画，你会看到盒子移动的很慢，在移动的最后停留了很久。很明显，这是因为它设置了很长的延迟。这种长延时其实起到了突出的作用，在实际制作中可以用来突出一个主题。我们也会在后面的教程中找时间介绍一些表达技巧。(图05和0)

除了延迟时间，动画的另一个特点是可以设置播放的循环次数。注意这里有一个永远在动画调色板的开始帧下面，这是循环数。点击后，您可以选择一次or永远，或者自己设定循环次数。然后再次播放动画，看看设置循环次数的效果。

虽然动画在大多数情况下是一个连续的循环(即)，但在某些地方，会使用单个循环或几个循环(2~)，主要是在用动画制作web部件时。比如一个栏目的名称会从无到有逐渐动画化，这样当名称完全显示出来的时候就应该是固定的，不能再消失然后又逐渐出现。这时，有必要使用一次循环设置。(图0)

按【CTRLS】【文件保存】保存动画设置，文件格式为psd。这种文件格式是Photoshop专有的，可以记录所有相关信息。建议大家把作品保存成这种格式，以便以后修改。如果需要一个可以用于网页的独立动画文件，需要使用【CtrlAltshift】【Web和设备的文件存储格式】，会出现如下左图所示的大窗口。这个大窗口有很多要介绍的。但是现在你只需要参考红色箭头区域的设置就可以了。

同时，播放按钮和循环选项将出现在窗口右下角的绿色箭头区域。更改此处的循环次数也会更改源文件中的设置。请注意，如果没有在红色箭头区域选择GIF，则播放按钮不可用。这因为动画只支持GIF格式，所以如果以其他格式保存，如JPG或PNG，只会生成图像的开始帧。

右图所示的警告信息可能会在存储过程中出现，请忽略并确认。你也可以让它停止显示。但是大家在命名文件的时候要注意使用半角英文或者数字，而不是全角字符或者中文。这是为了更广泛地兼容各种语言的浏览器。(图0)

在本章中，我们应该掌握动画的两个属性，即帧延迟时间和循环次数。此外，还要掌握简单物移动画的制作方法，如复制帧和移动层。使用这种方法，可以生成两个对象同时移动的动画。效果类似于下图所示:

了解更多用ps制作gif动画的视频教程(如何用ps制作gif动)相关内容请关注东辰网。