最易上手，使用Keynote快速制作GIF，使你的演示和报告生动形象~

GIF的地位

无论是演示、汇报，还是平时的聊天、交流，这本质上是一种传递信息的方式，而传递信息的媒介具体有哪些呢？

• 文字——博客、开发文档、学术论文等
• 图片——在各种文本中进行插图，比文字更直观
• 视频——通过连续播放的图片来展示动态的过程，比图片更生动

文字的缺点是不够直观、图片不能展示变化的过程、视频很生动但不易插入到文本中。

因此就需要一种介于图片和视频中间的格式，它既能有图片便于传播的特点，又可以像视频一样拥有连续帧——它就是GIF，一种动态图片格式。

GIF的几种使用场景

1. 录制屏幕，或者截取某一段视频，转换为GIF
2. 直接由逐帧的图片制作成GIF，例如延时摄影、动漫制作
3. 使用基本图形和关键帧，展示一个变化过程

场景一 录屏：

场景二 动漫：

场景三 展示变化过程：

对于第一种场景，使用屏幕录制工具或视频转换工具来实现，基本一键完成；第二种场景，属于动漫行业或摄影行业，不是本文讨论的范畴。

因此我们要做的就是第三种场景，如下图这样的简单演示动画：

制作方案对比

为了写完这篇文章，我尽可能全面的寻找了各种制作动画的方法，供读者对比：

网络上的各种制作小工具

类似的在线制作小工具有许许多多，但这类工具大多是用于GIF合成、裁切和录屏的，并不满足我们演示变化过程的需求。

此外，像我这种强迫症患者，更倾向于使用较正式的工具去完成工作（例如只要有PremierePro，我绝对不会用爱剪辑）。

所以，在线GIF工具可以Pass了。

PHOTOSHOP

PS是一个可行的方案，使用图层 + 时间轴的方式来制作动画，好处是每一帧都可以控制，坏处是制作步骤比较烦琐。

PPT & KEYNOTE

使用幻灯片工具来制作动画无疑是一个好办法，关键在于无论是PPT还是Keynote都有自动补帧的功能（在PPT中称为“平滑过渡”，Keynote称为“Magic Move”），它可以自动捕获两张幻灯片之间的变化，来完成补帧动画。

需要补充的是，虽然PPT和Keynote的补帧算法不同，但在进行简单变化的时候区别不大，我们可以认为二者的补帧功能无明显差别。如果是导出MP4格式的视频动画，用哪个都可以。

但是到了GIF就出现了问题：
PPT只能针对一张幻灯片导出GIF，换言之，如果你选中整个PPT文件导出，它会“贴心的”为每一张幻灯片单独保存一个GIF文件，而我们需要的幻灯片之间的过渡恰恰无法实现（感觉好鸡肋）。

Keynote不存在这个问题，片头展示的数据结构动画，就是用Keynote直接导出的，效果很完美。

（图中的四张相邻的幻灯片相当于四个关键帧）

制作过程

前面啰嗦了这么多，是为了验证本文的易用性。
现在终于来到了正文：使用Keynote，用最简单的方式制作一个演示动画。

制作“第一帧”

我们像制作普通PPT一样，来绘制GIF中的初始画面。
在制作过程中，可以善用内置的“图形”功能：

制作下一个“关键帧”

首先，把第一张幻灯片复制粘贴一份：

然后，在第二张幻灯片上任意做出变更：

第三步，在第一、二张幻灯片之间添加“Magic Move”转场：

此时如果放映幻灯片，就可以看到动画效果了！
依次类推，可以通过多张幻灯片，来实现一个连续的动画。

导出GIF

在Flie选项中选择“导出到动态的GIF”

然后设置基本参数，主要幻灯片的起止一定要选对
比如第一帧是第一张，最后一帧是第四张，就选 1 -> 4

然后导出即可。

实际操作的过程十分简单。

总结

既然操作这么简单，是否笔者在水博客呢？
并不是，认识一件事物，先是知道“它存在”，接下来才是“了解它”。

本文最大的意义不在于教会读者如何操作Keynote，而是告诉读者有Keynote这款软件可以快速制作动画，以及和其它GIF的制作方案对比来突出Keynote的易用性。

附录

如果使用PPT，操作方法相同，转场使用“平滑”

如果使用PS，参考知乎文章：
怎样制作GIF动图，需要用photoshop么？

版权声明

本文作者：河北工业大学梦云智开发团队 - 刘宇轩
新人经验不足，有建议欢迎交流，有错误欢迎轻喷