动态图片gif怎么制作-如何制作一张优质的GIF图片（经验篇）

Hello 大家好，这里是一周进步。

我是周末还在加班肝文章的cheRRy。

我们之前写过很多次辅助制作GIF的软件，链接合集我会放在文末，你选择需要的就可以。

这篇文章分享的重点，是我在制作公众号推文中的动图时用到的方法论，里面有gif制作技巧，也有SVG交互方法…..

这是一个小众需求，但是自己摸索出来经验或多或少能帮助到一些人高效工作。

01. GIF应用场景

Gif可以用来展示操作步骤、表现动态效果、预览页面内容、以更快速的方式浏览视频、优化公众号排版、做GIF表情包….

作为一个干货号的编辑来说，制作gif只不过是家常便饭。

展示操作步骤

表现动态效果

预览页面内容

做成GIF表情包（听说广东人才懂UnO）

02.GIF制作方式

GIF的生成方式其实五花八门，视频转GIF、多张图片合成GIF、使用录屏软件录制GIF、公众号排版会使用到的SVG动图。

简单介绍一下这些制作方式，我比较推荐的软件——

① 多张照片合成GIF、录制GIF、视频转GIF：

手机：andRoid-GIF助手、iOS-ImgPlay(付费)

Windows：Honeycam(付费)/camtasia9(付费)/ScReenToGif

macOS：GIF BReweRy

a.电脑上

需要展示操作过程细节动图，我会选择用camtasia来录制。

应用里面有个放大镜效果，会放大鼠标在的位置，通过对照gif图复制操作的人来说，观看体验会好很多。

点击查看camtasia入门指南

用这个软件导出的gif动图，在帧率中可以选择10或15，最后的总帧数才不会太多。毕竟公众号后台只能上传300帧以内的动图。

如果是需要将视频转GIF，我会使用剪辑工具先将视频做下简单的修剪，再Honeycam将视频转为gif格式。

Honeycam能做到录制视频、导入视频/gif/图片格式，调整关键帧的时长，裁剪画面大小后导出为gif格式，一气呵成。

b. IPad上

做IPad的选题我基本上都会用到IPad自带的录屏功能录制视频，将视频传输到电脑上再用Honeycam将视频转为gif。

我以前尝试过坚果云盘和用QQ传输，都很费劲。

但其实，只需要用到一根数据线就可以了。

用数据线链接IPad和Windows系统电脑，在IPad弹出的对话框中，选择“允许”访问照片和视频，在电脑文档的“apple IPad”中可以查看IPad上的照片和视频。

apple IPad里的照片和视频不能直接编辑，我们需要在桌面新建一个文件夹，将照片/视频粘贴进去使用。

在IPad将照片保存到icloud中，mac电脑直接访问就ok，因为我不是mac用户，这篇文章不会就不再做其他的介绍了。

c. 手机上

华为相册自带的剪辑就能满足分段裁剪视频、简单调色和添加文字。

如果你对手机自带的视频编辑工具不满意，可以用不咕剪辑，这也是我目前用过最舒适的视频编辑app。

华为相册自带剪辑/不咕剪辑

成都火车南站拍的太阳神鸟

用不咕剪辑进行简单的视频剪辑，只需要用到裁剪和导出就ok。如果你想要做一些鬼畜动图，可以给带有人像或者动物的视频更换背景。

你也可以选择美图秀秀和黄油相机，给视频来添加好看的视频样机、贴纸和滤镜。

生成的视频，使用GIF助手将视频转为gif后，在用QQ将图片传输到电脑上就ok。

② 公众号SVG动图排版

SVG的排版形式我们也推送过好几篇了，甚至出了一篇教程，如果不会的小姐妹，可以看下面这篇文章：

03. Gif美化技巧

①给gif添加样机

前面有提到手机上可以使用美图秀秀、黄油相机和不咕剪辑来给视频添加样机、文字、滤镜等等，但很难去自定义样机的格式。

自由度最高的还是将gif放在PPT中，设计好排版样式之后，用录屏软件录制一个gif出来就ok。

这种复杂的制作，我只会在用PPT制作条漫的时候使用到。

二次录制出来的gif

Honycam中也支持给gif添加样机，虽然节省了导入到PPT中编辑的步骤，但是模板的质量不高，使用场景也比较局限。

相册-右下角的“从文件选择”-自定义上传PnG模板

虽然软件内支持自定义的png样机模板，但是样机和gif的大小调整起来很麻烦，不推荐使用。如果能接受系统自带的样机模板，直接用系统的会比较好。

②PPT图片切换

手机上用GIF助手/ImgPlay，电脑上批量拖拽图片到Honycam中，都可以将多张图片合成gif。

但在PPT中，可以使用切换和动画两个功能，辅助实现aE里面才能完成的动图制作。

平滑切换 x 给第二页PPT添加平滑效果

微调几页PPT的内容 x 在PPT阅读模式下，一边翻页一边录屏

辅助文本效果 x 做一些有设计感gif出来

③ 无限循环动画

下面这个动图，就用到了“添加样机和PPT动画”刚刚提到的制作技巧。

循环播放的动画，在我们制作gif的过程中使用的频率虽然不高，但用起来还是很有成就感的。

制作循环播放动画的技巧其实就是，将gif的第一帧画面调整到最后一帧画面即将要出现的状态就ok。

比如，上面循环播放的gif，第一帧画面中的“兜”字，比最后一帧的“兜”的位置要超前一些，gif整体的画面就会衔接在一起形成一个闭环。

第一帧→最后一帧

04. Gif制作小tips

教程动图的制作，让人看得懂图在做什么/操作过程有哪些，是最重要的。所以动图的节奏也就不能过快，需要控制好播放的节奏。

以下是我补充的5个我经常会用到技巧：

① 鼠标点击关键步骤的时候，延长关键帧出现的时间，方便看清楚操作的位置。

② 在动图结尾的地方，将停顿时间拉长一些，开头和结尾才会有比较明显的划分。

③ 一张GIF图的操作步骤不要太多，如果太多，使用视频的方式会比用gif呈现要好。

④ 想表现操作前后的变化，尽量将画面内的颜色对比做得鲜明些，方便对比。

⑤ 调整gif体积。在Honeycam中，可以在保存界面选择“缩小图像尺寸”，预览大小里面就可以看见gif体积的变化。

如果你没有使用这个软件，使用docsmall可以批量压缩gif图，对画质的影响很小。

写在最后

每次写软件测评或者制作条漫的时候，录制GIF是我最挣扎的时间，每次都是20张起步。

为了让gif看起来舒适些，很多时候我会细致到去调整每一帧的持续时间，但一些微小的变化很少有人会注意到，这可能就是强迫症吧……

这期文章应该需要的人不多，但如果能帮助到你就很开心辣，毕竟是自己做了无数张gif总结出来的方法论。