如何使用动画 GIF [和其他动画视觉效果] 为您的内容营销增添趣味
已发表: 2015-10-15
美国有线电视新闻网
图像是强大的工具。 它们可以吸引和保持注意力,或者以文字无法做到的方式捕捉和传达情感。 为您的图像添加一些运动,它们变得完全无法抗拒。
视频仍然是一个强大的力量,但不起眼的动画 gif 也越来越受欢迎。 这一直是获得额外关注的有趣方式。 不幸的是,动画 gif 也被用于太多陈腐的横幅广告和烦人的动画表情符号。 这有点玷污了他们的声誉。
但是现在越来越多的平台支持gif动画。 越来越多的营销人员正在使用它们来使他们的内容脱颖而出。 它正在制作一些优雅的视觉营销。
那么什么是动画 gif?
好问题。 让我们跳过文字并跳到真实的东西。
这是一个动画 gif:

这张 gif 最初出现在 Reddit 上,作为公司周年纪念的公告,但没有人注意到。
这也是一个 gif 动画:

这来自在线零售商埃文斯发送的电子邮件公告。 它也包含在 Alchemy Worx 最近对电子邮件中值得注意的动画 gif 的汇总中。
这两个动画 gif 帮助我们定义格式与显示-不要告诉元消息。 但更进一步:
- 动画 gif 可以是照片或图形。
- 动画 gif 由一系列短帧组成。 每一帧都是它自己的动画 gif。
- 动画 gif 往往很短——不超过 5 秒。
- 动画 gif 往往会循环播放,但您可以将它们设置为播放几次然后停止。
- 动画 gif 可以像霓虹灯一样使用 - 作为吸引您注意力的华丽图形。 或者它们可以用来讲故事。 我们看到的第一个 gif 动图讲述了一个简单的故事:我们有一些值得庆祝的事情。 它发生了。 没人关心。
哪些动画 gif 不是
我相信您知道,gif 动画并不是在线移动图像的最终定论。 有几种非常相似的格式和方法可以使图像移动,您应该了解这些,并且有一些注意事项。
1. GIF 动画不是视频。
虽然动画 gif 可以弯曲成视频之类的东西,但它要么在动画 gif 中需要很多帧,要么我们必须接受视频的新定义(作为一系列,比如说,五帧) . 视频也使用与 gif 不同的文件格式。 视频通常以 AVI、MPEG、MOV 和其他视频特定格式出现。
2. gif 动画不是电影图片。
Cinemagraphs 是照片和视频的混合体。 它们与动画 gif 有很多相似之处:
- 它们像大多数动画 gif 一样循环(即,重复自己)
- 它们可以用在电子邮件中,例如 gif 动画
- 它们以 .gif 结尾
但它们不是动画 gif。 这是一张电影图:

Convince and Convert 博客上有一篇有趣的文章,讲述了不同品牌如何在营销中使用动态图片。 AdWeek 还发布了一篇关于 Facebook 的动态图片计划的帖子。
只需了解电影图片比动画 gif 更难制作。 具有基本图像编辑技能的人可以制作动画 gif。 需要艺术家的技巧才能使动态影像歌唱。
3. gif 动画不是 CSS 动画。
CSS 动画是另一种尖端的视觉内容技术,但它们的工作归功于编码,而不是归功于特定类型的图像文件。 CSS 动画非常适合呈现数据。 因此,如果您想美化图表或制作圆形饼图,CSS 动画可能会奏效。 不过,唉,它们并不适用于所有浏览器,而且它们可能存在问题。
Creative Bloq 有一篇非常酷的文章,其中包含一些令人惊叹的 CSS 动画示例。
4. gif 动画不是 Flash。
Flash 有点老派。 它有它的应用程序,但由于渲染问题(iOS 设备无法播放 Flash)以及 Flash 内容对于搜索引擎来说是一个黑匣子,因此最好避免使用 Flash。
5. GIF 动画也不是 Hyperlapse 视频。
Instagram 已经想出了让我们用智能手机制作延时视频的方法。 该技术称为 Hyperlapse。 您可以在此处获取适用于 iOS 设备的 Hyperlapse 应用程序。 开发人员还能够修复弹跳效果(他们将此修复称为“影院稳定”),这会使大多数 Hyperlapse 视频的可观看性大大降低。
Hyperlapse 视频可以嵌入到网页中,但它们仍然主要是 Instagram 的产物。
如何制作动画 gif
有两种制作动画 gif 的方法。 第一个来自图像。 二是来自视频。
这是从静态图像制作 gif 的方法。
- 前往 Gifmaker.me。 这是一个免费的 gif 制作工具。 还有很多其他免费的 gif 创作者(我也尝试过 https://makeagif.com 和 https://imgflip.com 等),但 Gifmaker.me:
- 不会在 gif 的底角放置水印
- 制作比其他工具文件更小的 gif
- 为您提供大量控件,因此您几乎可以随心所欲地制作 gif。
它不会做的一件事是让您为您的 gif 图片添加标题。 如果您想这样做,请尝试 MakeaGIF 或 IMGFlip。

2)在您的gif 中上传您想要的图像。 这些可以是巨大的图像,也可以缩小到您想要的最终动画 gif 的大小。 实际上,我尝试了两种方式——在第一组中,图像被上传为几千像素宽的 300dpi 图像。 然后我做了另一组图像,我在 Photoshop 中以 144 dpi 将图像缩小到 500 像素宽。 巨大图像的动画 gif 实际上比我用缩小图像制作的 gif 小 10%。 去搞清楚。
3) 上传图片后,您可以通过单击并拖动它们来重新排列框架。 您还可以控制完成的 gif 的大小,并且可以控制每秒的帧数。 一些消息来源说平均 gif 是每帧 500 毫秒。 我发现这有点太快了——我将我的 gif 减慢到每帧 1100 毫秒。
您可以将 gif 设置为只播放几次,或无限循环播放。 我让我的循环。 虽然您可以添加音频,但我不太喜欢内容上的音频,除非是预期的(例如网络研讨会、播客和视频)。

选择所有这些设置后,只需单击“创建 GIF 动画”。
接下来你会看到类似的东西。 动画将开始播放……下图只是截图。

虽然 gifmaker.me 确实创建了相当小的文件大小,但您可以进一步裁剪动画 gif。 如果您正在为电子邮件制作动画 gif,这一点就变得尤为重要。
您不想在电子邮件中使用大于 80 kb 的动画 gif。 通常,我们建议电子邮件消息的图像较小,但您可能需要改变动画 gif 的规则。 为此,您可以尝试使用更少的帧,或使最终动画 gif 的可见尺寸更小。
或者您可以使用文件大小缩减器。
这是我使用的文件大小缩减器 EZGif。 我能够将 236K 的图像缩小到 113KB,甚至没有使用最高压缩设置。

对于一个 4 帧、500 像素宽的动画 gif,113 KB 已经相当不错了。
这是最终的压缩动画 gif:
如何从 YouTube 和其他视频制作动画 gif
另一种制作动画 gif 的方法是使用 YouTube 视频。 有一种方法可以做到这一点,非常简单。
只需转到您想要制作成动画 gif 的视频的 URL。
在“youtube.com”前面输入“gif”,像这样:
点击返回。 您将被重定向到一个站点,该站点允许您为动画 gif 指定一些设置。
点击“创建 GIF”...
然后选择您希望如何分享动画 gif。
但是,这有一个障碍。 这个站点被设置为为您托管图像——这使得下载 gif 变得很麻烦。 这可能是好事也可能是坏事,但我宁愿在我的网站上托管图片。
还有许多其他网站可以让您从 YouTube 视频制作动画 gif。 MakeAGif.com 和 IMGFlip.com 都是免费且易于使用的。
如果你做不到,就去找他们
没时间制作动画 gif? 这并不意味着您不能使用预制的。 有几个免费使用动画 gif 的网站:
- Giphy.com
- 意象网
- 吉夫宾网
- Hulu 的完美 gif
- GifBay.com
友善一点,并感谢您从哪里获得 gif。

如何在营销中使用 GIF 动画
啊,终于。 我们在结果部分。 以下是您可以在营销中使用动画 gif 的所有很酷的方法:
1) 在电子邮件中。
尽量保持文件较小,但动画 gif 在电子邮件中效果很好。 有几份关于动画 gif 提升响应的报告,例如:
- 早在 2008 年,Bluefly 就在他们的一封电子邮件中添加了动画 gif,并从测试的动画 gif 部分获得了 12% 的收入提升。
- 戴尔通过动画 gif 电子邮件活动将收入提高了 109%。
- Lake Champlain Chocolates 通过显示一盒巧克力打开的动画电子邮件将响应提高了 49%。
Intouch Solutions 还有一篇关于电子邮件中动画 gif 的其他三个案例研究的精彩帖子。
警告:始终设计 gif 的第一帧,以便它可以作为静态图像独立存在,以防您的订阅者在不支持动画 GIF 的客户端(例如 Outlook 和 Windows Phone 7)中打开电子邮件。
2)在社交媒体上。
Twitter 和 Tumblr 支持动画 gif 已有一段时间了。 但 Facebook 最近宣布他们的新闻源也支持动画 gif。 他们甚至会允许它们出现在广告中。
Pinterest 支持动画 gif,但您必须单击一个显示“GIF”的按钮才能播放它们。 Google+ 支持 gif 动画。
正如您可能知道的那样,社交媒体上的图片比基于文本的内容产生更多的点赞和分享。 添加一些动画 gif 只会让内容更值得点击。
3)在博客文章上。
您不必成为 BuzzFeed 或 Upworthy 就可以在您的帖子中使用动画 gif。 Social Fresh 和 Quick Sprout 为我们处理了一些数据。 他们发现 gif 动画是最有可能从博客文章中分享的图像类型。
4) 在电子书、白皮书和研究下载页面上。
电子书、白皮书和研究报告往往包含大量信息。 他们应该。 但是所有这些信息在下载页面上都是一个问题,您需要在下载页面上提取您的信息和页面上的元素。
输入动画 gif。 为什么不能用下载的图表和报价的旋转图像替换静态电子书的图像?
5) 在描述软件或鼓励应用程序下载的页面上。
动画 gif 是向人们展示如何使用软件做事的好方法。 让它们简短而简单。 当 SEMRush 想要宣布一项新功能时,他们发送了一封带有此动画 gif 的电子邮件:
而且,对于那些在九十年代后期在互联网上闲逛的人来说,这是一个倒退。 最早病毒式传播的 Gif 之一,隐约令人毛骨悚然的 Dancing Baby。
结论
动画 gif 是向页面、电子邮件或社交媒体更新添加一些动作的最简单方法。 虽然他们可能会让人联想到有点业余,但您没有理由不选择有吸引力的品牌图片来讲述您的观众会欣赏的引人入胜的故事。
随着越来越多的平台和服务支持它们,动画 gif 可能是建立对动态图像的信心的最佳方式……至少在您准备好投入视频之前。
您在营销中使用任何动画 gif 吗? 您有任何案例研究可以与我们分享吗? 在评论中告诉我们他们。
您准备好开始为您的电子邮件添加一些动感,以便它们脱颖而出了吗? 在我们的免费电子书 – Email Idea Lab 中了解如何开始使用 GIF、电影图片、视频等。