制作一份手机录屏的 GIF 动态图片

在前两天我写了一个关于时间轴的文章，当时在文章里面提到过不会制作 GIF 图片，越来越感觉不合适，毕竟看到好多大牛的博客、还有 GitHub 上的项目，好多都有 GIF 图片来演示项目。

毕竟 GIF 动图更加生动形象，要比单纯的图片来展示强得多，随后我“百度一下”，倒是找到了不少的方法，不过好多文章还是有局限性的，我是总结了好多种方法，找到了最适合我自己的一种方法。

第一步：

首先还是打开我们的常用工具 Android Studio，然后不管是打开模拟器还是真机运行，只要是 Android 4.4 以上就可以。然后打开录像功能。

第二步：

选择参数，如果对于视频方面比较懂行的大牛可以随意选择填写，但是对于一般人来说，直接使用默认参数就可以。选择之后点击 “start recording” 开始录制。

第三步：

操作完成后，选择 “stop recording” 结束录制。

第四步：

结束录制后，选择文件的保存位置，方便进行后面的视频转换 GIF 操作处理。

第五步：

这一步开始就是关键中的关键了，从这一步开始是转换 GIF 的开始。

首先是要导入视频，选择 “文件 -> 导入 -> 视频帧到图层”

第六步：

选择好文件之后，使用 “限制为每隔” ，限制为每隔3~5帧，这样可以缩小一下文件的体积。

第七步：

如果是使用真机，那么分辨率一般都会比较大，所以需要选择改变一下分辨率，快捷键是 “command + option + I” 然后将比例锁定，宽度设置为 320 像素，这个大小算是比较合适的。

第八步：

如果是第一次开始制作 GIF 图片，那么需要打开 “时间轴” ，如果已经打开了，那么就可以跳过这一步。

第九步：

全选时间轴所有图片，然后将延时设置为 “无延迟”，这样可以让你的Gif图和视频的播放速度一样。

第十步：

导出保存的关键来了，选择 “存储为 Web 所有格式”，然后设置、存储、命名、选择位置就能够保存成功了。另外我用的是 Photoshop CC 2017，所以跟其他版本可能有所不同。

第十一步：

成果展示：

题外话：

当时在网上查找制作方式的时候，也看到过一些其他的方法，但是前面使用 Android Studio 录屏保存是一样，不同的地方就是在后面将视频转换为 GIF 的过程，有的选择使用 Photoshop，有的选择使用 Gifrocket，有的选择使用 GIF Brewery，还有的选择使用其他的工具去转换格式，我也使用过 Gifrocket 和 GIF Brewery 这两款软件，但是都放弃了，因为会造成硬盘空间瞬间严重不足等问题。所以还是选择了 Photoshop。

最后结语：

经过不懈的努力总算是搞定了，以后在写文章的时候，如果有需要，就可以配上 GIF 动态图了，好开熏~~~~！