如何在Photoshop中制作GIF动画[教程]

如果你花时间在互联网上，你可能会接触到一个动画GIF。它是一个图像文件，允许你突出动画图像，使它看起来像在移动的图像。把它们想象成静态图像和视频的混合体。

为什么动图对你的营销很有帮助?它们很容易消费，为吸引观众的注意力提供了一种新的方式，并且可能产生严重的情感影响。因为c让我们有感觉的内容鼓励我们分享，这些微小的动画值得尝试。

动图最好的部分是它们做起来并不难．如果你可以使用Photoshop，并且有几分钟的空闲时间，你可以很快地创建一个动画GIF。

在接下来的gif动画制作教程中，我使用的是Creative Cloud 2015版的Photoshop，但是步骤应该与其他版本相似。

如何在Photoshop中创建一个动画GIF

下面是一个你可以使用本教程制作的GIF动画示例:

好了，我们开始吧。

第一步:上传你的图片到Photoshop。

如果你已经创建了图片…

将需要的图像收集到单独的文件夹中。要将它们上传到Photoshop中，请单击文件>脚本>将文件加载到堆栈中。

然后,选择浏览、然后选择你想在GIF中使用的文件。然后,单击好的。

然后，Photoshop将为你选择的每个图像创建一个单独的图层。一旦你完成了这一步，就跳到第二步。

如果你还没有创建这一系列的图片…

创建动画GIF的每一帧作为一个不同的Photoshop图层。要添加一个新层，选择层>新>层。

一定要给你的图层命名，这样你在制作GIF时就可以很容易地跟踪它们。命名一个图层，点击层板在屏幕的右下方，双击默认的图层名称，并输入您想要更改为的名称。新闻输入当你完成了。

一旦你把所有的图层都命名好了，就可以开始第二步了。

专家提示:如果你想结合层所以他们出现在单帧GIF,打开你想要合并的图层的可见性(通过点击左边的“眼睛”每一层的名字所以只有你想合并图层的眼睛打开)。接下来,按Shift + Command + Option + E (Mac)或Shift + Ctrl + Alt + E (Windows)。Photoshop将创建一个包含合并内容的新层，你也应该重命名它。

步骤2:打开时间轴窗口。

要打开时间线，请转到顶部导航栏，选择时间轴窗口>．时间轴可以让你在不同的时间段打开和关闭不同的图层，从而将静态图像转换为GIF。

时间线窗口将出现在屏幕的底部。它是这样的:

步骤3:在时间轴窗口中，单击“创建帧动画”。

如果它没有被自动选中，从下拉菜单中选择它——但要确保实际点击它，否则帧动画选项不会显示出来。

现在，你的时间线应该是这样的:

步骤4:为每一帧创建一个新层。

要做到这一点，首先选择所有的图层，通过顶部导航菜单和选择选择>所有层。

然后，单击时间轴屏幕右侧的菜单图标。

从出现的下拉菜单中选择为每个新帧创建新层。

第五步:打开右边的菜单图标，选择“从图层中创建框架”。

这将使每个图层成为你的GIF的一帧。

第六步:在每一帧下，选择在切换到下一帧之前它应该出现多长时间。

要做到这一点，点击每帧下面的时间，并选择多长时间，你希望它出现。在我们的例子中，我们选择了每帧0.5秒。

第七步:在工具栏的底部，选择你希望循环多少次。

默认会说一次，但您可以随心所欲地循环它，包括直到永远。点击其他如果您想指定自定义的重复次数。

第八步:按下播放图标预览你的GIF。

步骤9:保存和导出你的GIF

满意你的GIF吗?将它保存到顶部的导航栏并单击，以便在线使用文件>出口>Save for Web (Legacy)…

接下来，选择你想要保存为的GIF文件类型预设下拉。如果你有一个带有渐变的GIF，选择犹豫gif防止色带。如果你的图像使用了很多纯色，你可以选择不抖动。

GIF文件旁边的数字决定了GIF颜色与原始jpeg或png相比有多大(和多精确)。根据Adobe，更高的抖动百分比意味着更多的颜色和细节，但它增加了文件的大小。

点击保存在底部保存文件到您的计算机。现在你准备上传这个GIF用于你的营销!

将GIF文件上传到任何你想放图片的地方，它就会无缝播放。以下是最终产品的样子:

如何在营销中使用动图

1)社交媒体上。

Pinterest是第一个支持动图动画的网站，其次是Twitter。到了2015年夏天，脸书也加入了动图潮流。然后，Instagram用回旋镖改变了游戏，用户可以拍摄和分享自己的动图。在任何一种社交动态中，gif动画都是在拥挤的动态中脱颖而出的好方法。

例如，看看Product Hunt是如何在其网站上使用GIF来推广论坛的:

2)在你的邮件中。

动画gif在电子邮件中显示的方式与普通图像相同。所以为什么不把你的电子邮件营销用动画代替静态图像?

这不仅能帮助你吸引收件人的注意力，还能直接影响你的底线。对于一些品牌,在电子邮件中包含动画GIF与高达109%的收入增长相关使用HubSpot的免费电子邮件营销软件雷竞技苹果下载官方版是一个简单的方法来完成这种类型的增长在你自己的网站。

通过展示产品、发布活动公告或其他方式来吸引读者。看看下面的GIFLOFT:他们让礼物看起来像是在摇晃，从而制造出阴谋，让收件人点击打开他们的礼物。

来源:石蕊

3)在博客文章中。

你的博客文章不必是关于动画gif或结构像一个buzzfeed风格的清单包括动图——尽管我们偶尔也会喜欢一些傻傻的清单式动图。

例如，这是一个简单的动画GIF，由同事创建市场营销人员金妮Mineo以下是一篇博文中号召行动的定义:

最后，我们最喜欢的一个东西:一张办公室厨房食谱的动图。

你将如何在营销中使用动图?请在评论中与我们分享。

编者按:本文最初发表于2013年9月，现已进行更新，力求新颖、准确和全面。