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

如果您完全在互联网上花费了任何时间，那么您可能会与动画GIF联系。这是一个允许您使用动画图像的图像文件，这看起来像是图像正在移动。将它们视为静止图像和视频之间的混合体。

为什么GIF为您的营销增添了很大的补充？它们很容易消费，提供一种吸引观众注意力的新方法，并可能产生严重的情感影响。And since content that makes us feel somethingencourages us to share, these tiny animations are worth experimenting with.

The best part about GIFs is that they不难做。如果您可以访问Photoshop和几分钟的余地，则可以立即创建动画GIF。

In the following tutorial on making animated GIFs, I'm using the Creative Cloud 2015 version of Photoshop, but the steps should be similar in other versions.

How to Create an Animated GIF in Photoshop

这是您可能会使用本教程制作的动画GIF的示例：

Alright, let's get started.

Step 1: Upload your images to Photoshop.

If you already have images created ...

Gather the images you want in a separate folder. To upload them into Photoshop, clickFile>脚本>Load Files Into Stack.

然后，选择浏览，并选择要在GIF中使用的文件。然后，单击OK.

Photoshop will then create a separate layer for each image you've selected. Once you've done that, skip to step two.

If you don't already have the series of images created ...

将动画GIF的每个帧作为不同的Photoshop层。要添加新层，选择了层>新的>层。

Be sure to name your layers so you can keep track of them easily when you make your GIF. To name a layer, go to the层面板on the bottom right of your screen, double-click on the default layer name, and type in the name you want to change it to. PressEnter完成后。

Once you have your layers in there and you've named them all, you're ready for step two.

专家提示：如果要组合层，以便它们出现在GIF中的单个框架中，请打开要合并的图层的可见性（通过单击每个层名称左侧的“眼睛”，以便只为您的图层提供眼睛想要合并是开放的）。接下来，按Shift +命令 +选项 + E（Mac）orShift + Ctrl + Alt + E (Windows).Photoshop will create a new layer containing the merged content, which you should also rename.

Step 2: Open up the Timeline window.

To open Timeline, go to the top navigation, chooseWindow > Timeline。The Timeline will let you turn different layers on and off for different periods of time, thereby turning your static image into a GIF.

The Timeline window will appear at the bottom of your screen. Here's what it looks like:

Step 3: In the Timeline window, click "Create Frame Animation."

如果未自动选择它，请从下拉菜单中选择它 - 但是请确保实际单击它，否则将不会显示框架动画选项。

现在，您的时间表应该看起来像这样：

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

为此，首先通过转到顶部导航菜单并选择所有层Select>所有层。

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

From the dropdown menu that appears, chooseCreate new layer for each new frame.

Step 5: Open the same menu icon on the right, and choose "Make Frames From Layers."

This will make each layer a frame of your GIF.

步骤6：在每个帧下，选择要切换到下一个帧之前应该出现多长时间。

To do this, click the time below each frame and choose how long you'd like it to appear. In our case, we chose 0.5 seconds per frame.

步骤7：在工具栏的底部，选择要循环的次数。

默认会说Once，但是您可以根据需要循环多次Forever.ClickOtherif you'd like to specify a custom number of repetitions.

步骤8：通过按Play图标预览您的GIF。

Step 9: Save and Export Your GIF

对您的gif满意？通过进入顶部导航栏并单击在线使用以在线使用File>出口>Save for Web (Legacy)...

接下来，选择要保存的GIF文件类型Presetdropdown. If you have a GIF with gradients, chooseDithered GIFsto prevent color banding.如果您的图像采用了很多纯色，您可能会选择不抖动。

GIF文件旁边的数字确定了将GIF颜色与原始JPEG或PNG进行比较的大小（以及多么精确）。According to Adobe,更高的抖动百分比转化to the appearance of more colors and detail -- but it increases the file size.

ClickSaveat the bottom to save the file to your computer. Now you're ready to upload this GIF to use in your marketing!

Upload the GIF file into any place online that you'd put an image, and it should play seamlessly. Here's what the final product might look like:

如何在营销中使用GIF

1) On social media.

Pinterest是第一个启用动画GIF的人，其次是Twitter。到2015年夏天，Facebook也跳上了GIF潮流。然后，Instagram与Boomerang更改了游戏，该游戏使用户可以拍摄并分享自己的GIF。在这些社交饲料中的任何一个，动画的GIF可能是在拥挤的饲料中脱颖而出的好方法。

例如，查看产品Hunt如何使用GIF在其网站上宣传论坛：

2）在您的电子邮件中。

Animated GIFs display in email the same way a regular image does. So why not spruce up youremail marketingby replacing still images with animated ones?

这不仅可以仅仅有助于仅凭新颖性吸引接受者的注意力，而且还可以直接影响您的底线。对于某些品牌，including an animated GIF in emailscorrelated with as much as a 109% increase in revenue. UsingHubSpot的免费电子邮件营销软件雷竞技苹果下载官方版是在您自己的网站上实现此类增加的一种简单方法。

Make use of GIFs by showcasing products, making event announcements, or otherwise enticing readers.查看下面的GIF从女性服装店安·泰勒·阁楼（Ann Taylor Loft）来看：他们的现场看起来像是摇摇欲坠，创造了阴谋并让收件人点击“解开”他们的礼物。

Source:Litmus

3) In blog posts.

Your blog post doesn't have to be about animated GIFs or structured like a BuzzFeed-style listicleto include GIFs --although, we do love a good dose of silly listicle GIFs every once in a while.

For example, here's a simple, animated GIF created by fellow营销人员金妮·米诺（Ginny Mineo）to explain the definition of a call-to-action for a blog post:

And finally, one of our oldie-but-goodie favorites: an animated GIF from a post on office kitchen recipes.

您将如何在营销中使用GIF？在评论中与我们分享。

Editor's Note: This post was originally published in September 2013 and has been updated for freshness, accuracy, and comprehensiveness.