干货 | 如何制作 GIF 动图

相机拍摄延迟转视频再输出为GIF 帧率应该是7FPS

积极响应 @猪大勇 的号召，要写一点技术性的干货，好歹我定位也应该是直男科技类博主，但自从开了淘宝后路线变成了妇女之友type（百思不得其解 w(ﾟДﾟ)w）总而言之，大家看我的日记基本上都会看到大量GIF动图和照片。客观来说，其她博主，特别是美妆购物系的，人美讲话又好听，我是完全没有可比性，又老又丑又倔，通俗一点就是老XX。所以我只能在动图上琢磨心思下功夫，视频vlog的话，一是豆瓣展现不好，二来操作也比较复杂。光剪辑就能剪到宇宙爆炸（有同感的朋友来握个手 ┗|｀O′|┛ 嗷~~）。所以这篇主要讲一下GIF动图制作的工作流程，让我慢慢道来~

手机 APP 篇

只需下载 一闪 APP 即可。你可以用最简单的方式，直接手机拍摄视频或者Live Photo，然后导入进 一闪 APP 内编辑发布，也可以利用 APP 内建的相机进行拍摄和创作。

个人比较推崇用拍摄 Live Photo 的方式来采集素材，一来简单，就是拍照，看到啥就咔嚓一下就好，无论是操作还是留档都相对简便。二来 一闪 只支持导入3秒以内的视频，3秒以外的就必须手动选取3秒长度的内容。而且视频体积不小，无论是回放还是选取都不是那么清晰明了。

记得拍照前打开Live Photo

首先和拍照一样拍摄你想录取的内容，（切记开启 Live Photo ），和一般拍照不同的是，当你打开Live Photo功能后，虽然拍照只是咔嚓一下，但 Live Photo 会持续记录接下去的3秒内容，保持手机平稳，勿心急，等 Live Photo 图标消失后再移动手机，然后在手机相册内按压照片回放效果，确认画面后，打开 一闪 APP， 点击下方导航栏中间的相机进入拍摄/导入界面，点击 GIF分栏，选择你所需要导入的Live Photo，非 Live Photo 和 视频 都不会显示在 GIF分栏内。

选择你所需的素材，导入完毕后，中间是拍摄的图像内容，下方则是内容长度（若是选择超出3秒的内容，则会出现一个选择框供你选取3秒内的视频内容）右下角有个 Ratio/比例 图标，暂时只支持原图和1：1的切换（切换成正方形画幅后，可以用上下左右移动来选择所需裁剪的画幅位置）

接着点选右上角的 Import/导入 后就进入了 滤镜，微调和剪辑 三个大功能块。滤镜不多说了，一闪的滤镜有个硬伤，基本属于套层覆色，对高亮部分改变明显，但是对暗部基本上无力，虽然预设我都有，用的也就那么几个，甚至有时候都不会用。当然这个人见人智，选择自己喜欢的用。微调 部分则是一些标准的明暗反差饱和度，不常见的则是，增加 时间日期戳，移轴，棱镜效果，天空增强和镜面效果。种类不少，但是自我认为增强的力度都有点差强人意，而且还会破坏画质。最后则是剪辑，内容下方则为 Stabilize/图像稳定，大部分时候很管用。左下角有个 Blend/过渡 选项，点选后会在 GIF 结束时产生一个渐入渐出的过渡效果，主旨在于不会让动画循环起来太突兀。右侧图标则是时间控制，可以正序播放，反序播放（倒播）或者选择特定的时间反复循环（反弹）（可以调教出各种鬼畜片段）。

左起分别是滤镜，微调和剪辑

完成所有调整后，点击右上角 Done/完成，进入发布界面，你可以选择加入标题，关键字，地点甚至可以同步去微博，推特等主流社交APP。 一切满意后，点 Publish/发布，等上传完成后，无论你设置的是公开还是私密，都会在你自己手机相册内同时存一份6秒长度的视频和GIF，供你选择使用。

Tips

尽量在光线充足的环境下拍摄，手机摄像头在昏暗场景下，表现力都很差。如果要拍摄比较长的视频，一种办法是使用相机和 一闪 APP 自带的延时摄影功能，另外一种比较曲线救国法，先拍摄视频，然后在 一闪 内导入视频片段（导入前在功能分栏内选择 视频分栏）点击导入后的视频，点选 Effects/效果 图标，就会切入视频设置页，从上至下，分别是镜头拉近推远（Zoom in，Zoom out），视频速度变更（可以选加速2x，4x，也可以减速成为慢动作，定格动画等。）和视频明亮度。设置合适的视频速度（例如我拍了段小视频时长12秒，这里我设置4x倍速，就会加速缩短成一个3秒的视频）打勾确认后，再看原视频长度就会缩短，相对应的内容则会加快速度和快进一样。然后点击 Done/完成 但无需发布，最下方发布按钮栏达成百分百后，会跳出一行绿底白字提示你视频已经保存至相机相册，然后你再选择GIF分栏，导入为GIF，就可以了。因为 一闪 在保存你的视频时会自动在视频末端加入一段作者版权信息，这里可以忽略，在再次导入 GIF 时候，不选取这段即可。

用过 一闪 的朋友主要反馈的都是存在于画质差，压缩率太高，因为它主要支持的是3秒内的视频，而且APP 会为了增加长度而多循环一次，最终内容为6秒，内容片段单次循环，整体 GIF 无限循环。而且主流SNS基于浏览体验，对 GIF 文件体积的宽容度都不高，豆瓣广播、日记只接受5MB以下的图片大小，已经非常大方了，微信公众号则为2MB以下，微信聊天发送GIF是1MB以下。所以如果熟知各平台的大小限制，为了更好的画质，在电脑上操作则更为精确。

电脑软件篇

电脑上最让人熟知的肯定是 Adobe 旗下的 Photoshop，After Effect，Flash等各类软件，其中最方便的还是PS，把视频拖拽或者导入至PS软件内。在下方时间轴区域，用鼠标拖拽时间轴左右顶端的入点或出点来进行一个时间轴的剪辑，每次鼠标拖拽不释放的情况下，在拖拽的那一侧，都会有一个预览小窗，左边是拖拽的时间轴起始位置，右边则表示整个片段的时长。调整完时长后，点击 图像尺寸/Image Size，进行整体图像缩放，我这里原文档是1080p的，我要缩小至通常的web尺寸，一般来说，至少要达到最长边为680px，根据自身需求，输入自己需要的边长然后按确定就好，最后在菜单栏，选择 文件/File- 输出/Export - 存为网络图像/Save for web 即弹出一个新的窗口。在此可以详细的设置输出为 GIF 的参数。

通常以下几个设置分别对最后输出文件的颜色，画质和文件体积起决定性影响，他们分别是：

Format： GIF 顾名思义就是格式，你要是输出为PNG，JPEG 那就根本动不起来

Selective：这里是Adobe的颜色深度算法选项，颜色最为丰富的是Adaptive, 是通过人眼最易接受的颜色来自动创建的一份颜色表（官方定义），通常选择Selective模式即可，这个和Adaptive差不多，但可以保留更多的颜色。这个就不多说，完完整整的写完就是篇论文了。记住用Selective即可。

Colors：256色 颜色越多，画质越高，这个也毋庸置疑

Convert to sRGB：Yes 网页通常使用sRGB的色彩引擎，虽然会丢失很多颜色细节，但也是最佳的显示方法

Looping Options：Forever 这里决定你的动画是放一次还是无限循环播放，一般设置无限循环即可

Image Size：设定图像大小，可以参考左下角的文件大小参数，如果文件体积太大，适当缩小画幅尺寸，也是一个解决方法。

全部设置完毕后，按 Save/保存 至自己文档的目录内即可。

Tips

在输出 GIF 对话框内，右侧有一个下拉栏图标，点击后选择 优化大小/Optimize to File Size，这个选项会让 PS 自动帮我们平衡各项参数，然后在我们设置的最大文件体积内，算出最优的结果。只要在弹出的对话框内输入理想的文件体积大小，即可自动完成。但是这里的文件大小最高只支持至2048KB（2MB），所以并不符合我们一般的动图需求，你要是想优化一下卡通动画，倒非常建议使用此选项。

如果你没有Photoshop，电脑型号也比较久远，跑不动，也没关系，不要担心，最后我还准备了一个比较简单的网站，免费，容易上手，不需要梯子即可使用。

在线网站篇

打开浏览器，个人比较推崇非IE内核的浏览器，例如Safari，Chrome等，在地址栏输入 ezgif.com 并按回车进入网站。 然后在上面导航栏选择 Video to GIF。应该和下图一样。

你可以从电脑中选择所需要上传的视频或者直接把视频源地址贴过来（不支持各大视频网站，协议格式都不一样），文件最大支持可至120MB，基本够用了，最后点 Upload Video！然后耐心等待，这个取决于自己的网速，上传完成后。会得到下图。

Start time（seconds）键入起始数值（秒）

End time（seconds）键入结束数值（秒）

后方蓝底白字按钮 Use current position（设置当前位）上传视频完成后，在图像中间有一个播放按钮，当播放后，放到你需要的位置后按此按钮，即可记录当前时间值。

Size：画幅尺寸，里面最高只能输出800px的画幅，一般也足够用了。如果追求画质画幅大一点的就选择 Original（up to 800px），一般发发日记，公众号，600px足已。

Frame rate（FPS）：打游戏一般都知道，帧数越高，越流畅，数值越小，越卡顿，当然对我们的需求，流畅固然好，但是主要诉求还是体积小，通常设置为10。如果最后输出文件过大，除了修改图像大小外就是降低这里的帧数。

Method：解压引擎，这里用默认的 FFMPEG 即可，其他选项都会增加文件体积。

Optimize for static background：勾选上，作用和 Adobe 的颜色深度算法差不多，更简单点，比不勾选可以少个几百kb，蚊子肉也是肉，记得勾上。

最后按 Convert to GIF!，稍等一会儿即会在下方显现，等GIF完全显示完整并顺畅自动播放后，即可右键另存为或者拖着你所想保存的本机目录里。这个在线网站还提供画幅裁切，加文字，改变速度等其他功能。自由拓展一下吧。毕竟我觉得这个是最轻量级的一个方式了，如果需要其他功能，还不如去PS里面操作，更为系统化一点。

对比效果

以上就是我常用的三个方法来输出 GIF 动图。最后放上用这三种方法分别制成的 GIF 动图，都使用同一视频源制作。因为 一闪 自然输出尺寸为最长边596px，所以其它两个方式也沿用此设置。

Photoshop

ezgif.com

一闪 APP

从以上的对比可以看出，Photoshop 效果是最棒的，帧率高，应该是沿用原视频的 24FPS, 代价则是文件体积也是最大的，4.9MB，几乎接近豆瓣上限 5MB。接下来是网页生成的，视觉效果只比PS差一丢丢，但是帧率低，10FPS，但文件体积很合适，2.8MB。最后就是 一闪 生成的，体积最小，2MB，画质很模糊，帧率估计和网页的 10FPS 差不多。因为APP强行在3秒的动图里循环了一次，所以实际时长为6秒，只不过头尾循环后，无法分清而已开始和结束部分。这三个方法我都有在用，具体还是看当时的工作环境和最后的需求来选择合适的方式。

实战案例篇

之前把 一闪 输出的画质批的没啥优势，光剩下便捷了，给大家开拓一下思路，我是怎么调用 一闪 的。前文也提到了，当你在 一闪 发布 GIF动图 时，会同时各保存一份 视频 和 GIF动图 在机内相册中。虽然 一闪 输出的 GIF动图 有点惨不忍睹，但 一闪 输出的 视频 质量还是中规中矩的。通常视频的采集方式，无外乎就是手机，相机拍摄视频，也可以是我说的 Live Photo，一般消费级相机的摄像功能都只是自娱自乐，出来的效果都差强人意，特别摄像自有的运动模糊，最终会让你转成 GIF动图 时更模糊不清。特别是想拍一个手把手的教程案例，回放是看着挺和谐，转成 GIF动图 后就变成天马流星拳，眼花缭乱，自带虚影和特效，观众只知道前一秒还吼吼吼哈哈哈嚯嚯嚯，后一秒教程就结束了。所以我自己则更喜欢拍摄延迟片段，但更接近于 Stop Motion（定格动画），把单个静止的图片串联起来，得到一个动态的视频，优势在于每一帧都是以照片形式来记录，可以略去无意义的运动过程，画质清晰。

想要拍摄定格动画，除了用相机间隔拍摄外，水果系手机也自带 Time-Lapse/延时拍摄，一闪 也自带类似功能。缺点是你无法编辑或者删除单独帧，没办法进行微调，拍错了只能重头来一次。我个人的 Workflow 是这样滴，用装有无线SD卡的相机拍摄（如果你相机够新，应该自带WIFI模块，就无需和我一样购买 无线SD传输卡 了）。我自己用 东芝的无线SD卡，个人感觉比 ezShare 靠谱。具体的可以自己去TB看商品介绍： https://s.click.taobao.com/iv6u0Pw

无线SD卡

固定好机位，拍摄三十张照片（一闪 单次最多导入30张照片，帧率为10帧/秒，总计3秒）（如果要拍延时的话，请提升至24帧/秒），然后通过 无线SD传输卡 导入至相机相册，美颜修图这个自由发挥，接着打开 一闪，点选 GIF分栏 你会看见在 分栏和相册间还有一个深色按钮叫 Stop-motion/定格动画，点选就出现列表，把之前导入的照片按照正确顺序导入，最多支持30张照片，也就是总计3秒，帧速为10FPS。（因为我导入照片时倒序排列，所以标示出方向路径）

选择完毕后，点选 Next/下一步 即进入 滤镜，微调和剪辑 模块，这里就不复述了，唯一说一下和普通 GIF动图 模式下的区别，在 剪辑 模块，少了 Stabilize/图像稳定 和 Blend/过渡 选项。只剩下 正序，反序和反弹。最后按发布保存至相机相册。都知道 一闪 输出的 GIF动图 画质不咋地，但是那份 视频 可不差。所以把保存下来的 视频 用 Airdrop 或 QQ 传至自己电脑（千万别用微信，微信自动压缩画质）。 然后拖进 Photoshop 里进行编辑（一闪 自动循环一次 把时长延长一倍，需要剪辑掉）缩小导出即可，不能直接上传至 ezgif.com， 通过 手机QQ 传至 电脑QQ 的视频文件，ezgif.com 识别不了（应该是 QQ 转换的协议问题），即使要用 ezgif.com 来转换，也需要通过 Photoshop 转压一次，才能识别，如果直接用 Airdrop 传输应该不会有这方面的问题。简化一下，流程步骤如下：

相机拍摄 - 储存为JPEG - 无线SD卡传输至手机 - 导进一闪APP - 制成定格动画 - 保存至手机相册 - 传输至电脑 - 用Photoshop缩小和剪辑 - 导出为GIF动图

最终成果，画质不差哟

Bonus 附加内容

说起 Live Photo，社交平台上对这个格式支持最好的就是 新浪weibo了，直接手机上传，自动识别，按大图即可播放，非常炫酷，比起 GIF动图还多了一层音轨。但 Live Photo 不可编辑美化，一旦导入任何修图软件内就会失效，有时做段视频配上动听的BGM，想分享给别人，或设置为手机桌面或者屏保，但手机只认 Live Photo格式。这个时候，我们就可以用 intoLive 这款手机APP 进行转换。

免费APP，虽然有付费内容，移除广告什么，多次循环等。但是不付费也不影响使用。个人用足已。 步骤就不写了，非常简单，几乎闭着眼下一步就可以了。支持视频和 GIF 转换成 Live Photo。最长支持6秒以内的视频或者 GIF动图，如果来源文件包含音频，转出来的Live Photo也会包含。这样就可以轻松做出炫酷的 Live Photo 并上传至微博或Airdrop进行分享。

今天的干货就写到这，欢迎留言交换心得，不清楚的也可以提问，尽力回答友邻们的解答~

感谢阅读笔芯