图片动起来，文章更精彩——如何在文章中插入GIF动图

创作立场声明：本文制作稍有仓促，内容可能表达不够全面，还请大家指正，期待深入探讨交流

写在前面

这些日子在张大妈发了几篇文章后，总觉得文中总是以静态图片形式承载信息有些单调 ，虽然张大妈支持在文中插入视频，但是还是碰到过几次视频无法顺利播放的情况。

▲在编辑模式中可以插入视频链接，但有时播放会卡顿

恰巧在大妈闲逛的时候，看到很多值友都在用GIF格式的动图展示信息 ，虽然相比视频在色彩和顺滑度上稍有欠缺，但胜在读取速度快，受网速限制小。我在使用了几次后，发现自己更喜欢用GIF的动图与静态图片结合使用，所谓：“图片动起来，文章更精彩” 。

但在文章中想自由自在插入GIF动图可并不简单，我在张大妈的社区里并没有找到相关使用教程，无奈只能自己摸索，通过几天的测试，把制作和使用的心得跟值友们一起分享，希望能帮助大家更好使用动图，让文章更加精彩。倘若觉得制作太复杂，只当我水了一贴，也请大家一笑而过，不要过分苛责，打击了我的创作激情

前期准备

1、既然要制作动图，下面这款软件还是得准备一下，会不会用无所谓，反正我也没准备全面的说，只把需要操作的部分水一些文字，我简单的说，大家简单的学 ，Photoshop（后面简称PS）一款软件即可搞定全部操作，包括视频的剪切和GIF动图的转化。

2、有了软件，还得有个爱琢磨的小脑瓜，要勤思考

制作流程

1、张大妈的GIF动图主要使用在两个位置，头图和正文

▼以下步骤头图GIF和正文GIF通用▼

▲乍看以为头图可以上传8M的GIF

▲等你上传GIF时，却又出现不能超过1M

头图的大小竟然不能大于1M ，没办法，只有将你的动图控制在1M以下。通过这两天的不断尝试， 总结了一些参数设置，刚好可以将动图的大小控制在1M以下，如果你觉得我这篇文章的头图效果还说得过去，那么可以参考以下的参数来进行设置。

先打开PS ，导入想要制作的视频

▲在PS中选择文件→打开，把要制作的视频导入到PS中

▲视频导入后，左右拖动一下，看看需要截取哪一部分用来制作GIF

▲找到想要选取的视频开头位置，拖动视频左侧边框到这个位置，PS会自动将前面的多余部分删除，刚才选择的位置就会自动变成视频开头

▲同样的方法，找到想要截取的结尾位置，拖动边框到这个位置，后面剩下的部分会自动被删除

到这里，我们已经将拍摄好的视频截取完成，需要注意几点

1、拍摄视频的分辨率最好不要太高，最大1920*1080的分辨率就可以了，太大的分辨率PS很难流畅处理。

2、截取视频的长度最好是根据头图和正文的限制再决定，头图GIF截取长度最好2秒以内，正文GIF截取长度最好6以内。

▲可以通过放大和缩小按钮，放大单位长度，更精确的截取时间

▲这个视频我精准的截取了2秒,帧率是每秒30帧

▲以上步骤头图GIF和正文GIF动图通用▲

为了让视频大小进一步缩小，我把头图的帧率设置在10fps

▲设置时间轴帧速率，将帧率设置在10fps

▲现在视频总长和帧率都变小了

接下来我们要按照头图的要求对视频长宽进行裁剪

▲张大妈要求头图的尺寸是1484*628px

▲将原视频比例由1920*1080裁切到1484*628，注意，是比例

▲裁完后，黄框部分的比例就是1484*628

因为头图要求的尺寸1484*628px是针对静态图片，GIF图片不能达到这个尺寸，不然大小会超标，

接下来使用PS的 储存为WEB所用格式

▲快捷键是 Ctrl+Shift+Alt+S

▲设置如上

图像大小只要设置宽度即可，高度自动，我设置的宽度是500，太大的话尺寸会超过1M，颜色我选的64，太大的话同样尺寸会超1M，现在GIF的大小是969k，符合头图要求（图像大小可以在设置时逐步调整，让GIF大小不超过1M即可）最后在编辑页面顶端点击添加头图即可。

▲上传到头图的时候，因为GIF图的尺寸是500*211，比1484*628要小，会弹出提示，不用理会，选择确定此图

▲以上头图制作方法结束▲

说完头图GIF，正文的GIF就随意很多了，8M的大小，少了很多限制，时长、颜色、尺寸都宽松了很多，图片质量自然就高了很多，帧率也可以不用设置在10，只要大小不超过8M都可以。

▲正文GIF帧率我设置在12.5，高一些也可以

▲宽度580，颜色128，总大小7.82M

▲正文里的GIF，清晰度、颜色、流畅度都要好于头图

总结

这篇文章用了两天的时间进行文字编辑和动图的制作，总的来说使用PS对1920×1080分辨率的视频转化为Gif动图的操作相对简单，使用PS做这篇教程之前，我在网上也下载了一些专门制作GIF动图的软件，但有的软件需要收费，有的可控性比较差，最终都放弃了，还是用回了PS，操作看似复杂，其实按照步骤操作非常简单，一拉一拖效果就出来了

如果觉得写的还行，请帮忙点赞收藏一下，万一以后能用到呢