现在用Photoshop制作GIF动画比之前更容易。的确，互联网上有数百个网页可以让我们创建自己的动图。问题是，在编辑和导出方面，它们有默认的和相当有限的选项。因此，今天我们将告诉你如何在Photoshop中制作GIF，以及如何将它导出到我们的网站上。

第一件事是要清楚我们想要在动画gif中显示什么。在这个小教程中，我们将以在BlogThinkBig.com中使用过的动图为例。一旦我们清楚我们想要显示什么，我们就创建GIF的内容。在本例中，它将是一个简单的GIF，有四张用Illustrator创建的图像。现在，用Photoshop制作GIF动画比以往任何时候都容易。确实，在互联网上有数百个页面允许我们创建自己的动图，但它们有默认的和相当有限的选项，一般来说，在编辑和导出方面。我们按部分来算。

我们将图像保存为。png格式。为此，我们转到菜单File>Export>Export As。我们选择要在其中保存这些文件的文件夹，并选中“使用画板”框，这样我们使用的工作表中可能遗漏的元素就不会出现。

菜单将出现称为“PNG选项”。在分辨率部分我们选择“显示(72dpi)”。对于这个GIF，在抗锯齿选项卡中，我们将选择“优化插图”选项。背景颜色在这种情况下并不重要，因为没有透明度。

我们已经有了png格式的文件。是开始认真工作的时候了。我们打开Photoshop并创建一个新文件。在本例中，GIF的大小为600×600像素，分辨率为72像素/英寸。我们选择这个而不是另一个，因为监视器的分辨率是这样的，设置一个较高的分辨率将增加最终文件的权重，而不会改变结果。关于颜色深度，我们可以选择8位或16位中的一个。如果我们选择32位的深度，我们将不能直接将动画导出为gif。

我们已经有了新的Photoshop文件。现在我们导入之前制作的图像。一旦导入到Photoshop文件中，我们将它们放在不同的图层上。对于这张GIF，图层的顺序并不重要，但总是建议按照Photoshop图层的顺序。

完成之后，转到顶部选项卡Window>Timeline。这将在底部打开视频编辑栏。

在这个新的窗口中会出现另一个，它会说“创建视频时间线”。我们点击右边的箭头并选择“创建帧动画”。现在应该会出现一个小框，其中包含我们导入的图像。对于这个GIF，我们将创建更多的三帧，因为我们有四张图片要动画。要创建更多的盒子，我们转到垃圾桶图标左侧的按钮，创建我们需要的盒子。创建完成后，我们在每个图层中单击以显示我们想要的图层。

在此之后，我们调整每个帧出现的时间。要做到这一点，请单击框底部，并为每一个选择所需的时间。另外，我们必须让它无限重复。为此，在时间轴的底部我们有一个默认显示“Once”的框。我们点击它并将其更改为“无限”。

我们已经制作了动图，现在我们需要保存它。为此，我们将打开文件>导出>保存为Web。

将出现一个窗口，其中包含我们拥有的所有保存选项。在顶部我们必须选择“GIF”。下面我们必须验证在“播放选项”选项中选择了“无限”。一旦这些设置都是我们想要的，点击“保存”框，并选择我们想要保存GIF的文件夹。然后点"完成"就完成了!

如果我们正确地完成了所有这些步骤，生成的文件将是.gif格式的。如果我们想要在浏览器中播放它，只需将它拖到浏览器图标就可以播放它。另一个选择是右键单击文件，选择“打开与”和我们的浏览器。

要在网站上使用它，我们需要先将它上传到服务器。我们可以使用的一个页面是giphys，在那里我们可以上传文件，它会给我们选择HTML5视频代码，GIF链接或缩写链接。