我想问一下微信公众号上的动图怎么做的？
23 个回答
保姆级教程，微信头部账号动图模仿。
包教包会，学不会不要钱（其实本来就不要钱，嘿嘿）
如果你不想学，没问题。
60+动图模板我都给你准备好了，包括文章中我自己做的动图。
领取模板
这个回答，长期更新，有新的好玩的动图做法，我就会更新。
本文的结构
一、粉丝问题更新
二、gif录制工具推荐
三、PPT制作动图教程列表（头部公众号案例）
四、公众号【取暖】动图模仿教程& 动图模板福利
一、问题更新
2020年5月9日更新
问题：有粉丝私信我，如何制作圆形的gif图，例如李子柒公众号的头图？
图片制作成圆形的可以用PPT裁剪或者PS的蒙版就可以，gif图做成圆形和图片做成圆形方式很类似。
工具：ps（如果没有ps，可以使用搞定设计的在线ps功能）
步骤：
①用ps打开gif图
②功能栏右侧点击图层，点击第一张图层，按CTL+Alt+A，把图层全选。右键单击，选择【从图层建立组】。
③点击在图层下方的功能栏，点击【创建矢量蒙版】，然后用ps最左侧的【椭圆选框工具】做出你的圆形区域，最后右键单击【选择反向】。
④功能栏最左侧，选择【橡皮檫工具】，把圆形区域外全部擦除。
⑤【文件】-【导出】-【存储为web所用格式】-【存储】
Ok啦，非常nice的圆形gif图就做好了。
李子柒真是一个小仙女呀，哈哈哈。
二、工具推荐
针对视频做成动图，用Gif录制工具就可以。
推荐两款gif录制工具，也是我一直在用的。
①GifCam：功能简单，录制到导出快。
②screentogif 中文版：功能多，可以跳帧，逐帧删除。
中文版下载网站：直接点击【普通下载】就可以。
如果嫌麻烦，欢迎大家关注公众号，回复【gif】，两个工具都发给你。
三、PPT制作动图
用gif工具录制动图，非常简单。但如果想要有创新，就需要自己创造啦。
ppt做图形类的动图，应该来说是最简单的了。
只要有好的创意，普通PPT也能做出很好的效果。
保姆级教程
看完立刻要动手呀
实践才能出真知
最近用PPT动画做了俄罗斯方块动图，虽然只有纵向的位移，工作量还是不小。
但是，非常有成就感，毕竟全网也找不到第二个。
这就算是抛砖引玉，希望大家自己设计一个独特风格的头图。
工作量密密麻麻（但是非常有成就感）▼
——————动图模仿分割线——————
①「差评」原动图▼
「差评」模仿图▼
保姆级教程：
②「单向街书店」原动图▼
模仿动图▼
虽然模仿看着粗糙，但是灵魂也是大差不差的。
细节就看你们个人爱好了，颜色，线条粗细，图标都可以DIY。
保姆级教程：
③「取暖」原动图▼
取暖采用双彩色，Logo、圆点，横线均是红蓝CP，看着很舒服。
取暖模仿图▼
保姆级教程：本回答的最后有详细的步骤，赶紧跟着教程动手吧。
本回答的最后有详细的步骤，赶紧跟着教程动手吧。
本回答的最后有详细的步骤，赶紧跟着教程动手吧。
④ 公众号：UU跑腿
分析：这里面需要动的素材比较多，需要用到AI。
模仿：今天就直接上模板吧，这种类型用AI做的。
但是有模板的话，可以用PPT做。设置素材的动画路径就可以轻松搞定。（小汽车，飞机等有素材就能动起来）
这样的模板我有60+个，都给你们准备好了，把二维码图片贴上去就能用。
四、取暖动态头图教程&动图模板
1、领取动图模板
如何快速学习？
找一个优秀的模仿对象，不断模仿然后创新。
有没有更快的方法，我懒？
当然有，直接在模板上修改！
我有模板
我有模板
我有模板
关注我公众号（一条运营喵），回复“动图1”即可自动领取。
在我这里
就是这么宠你们
2、用PPT模仿「取暖」微信动图
PPT的动画功能（WPS也可以哟）
GifCam gif录制工具（回复关键词“gif”领取）。
矢量图标：阿里巴巴免费提供的矢量图标[Iconfont-阿里巴巴矢量图标库]
第一步：先把logo，SVG小图标，文字内容都准备好，位置调整好。
水平线：【插入】-【形状】-【线条】，选择直线即可（按住Shift再拖动直线，会保证是水平的）。然后填充颜色，设置直线宽度。
小圆点：【插入】-【基本形状】-【椭圆】，按住Shift再拖动椭圆，保证是正圆，然后调解大小成为一个小圆圈，然后填充颜色。
文字：【插入】-【文本框】，输入文字调整字体，大小，合适的位置。
svg图标：阿里巴巴矢量图图标库（免费商用）https://www.iconfont.cn/，可以关键词搜索也可以在图标库中找。
下载的时候选择SVG格式，然后以图片形式插入到PPT中，颜色可以填充。
准备妥当▼
第二步：分析动画先后顺序（逻辑）
图形出现和消失，我们利用计算机二进制表示。出现用1表示，消失用0表示。
取暖动图逻辑分析
我们发现动态的部分有3个类似的部分。
第一部分构成：文字“话题”、以及文字上面的图标，还有第一个小圆点。
①文字：1 （出现效果）
②图标：1 （出现效果）
③图标：0 （消失 效果）
③圆点：1 （出现效果）
后面第二部分、第三部分文字、图标都按着这个逻辑顺序。
最后一步，我们发现文字+圆点，全部按【从左向右】顺序消失。
消失顺序如下
①第一个文字：0
②第一个圆点：0
③第二个文字：0
④第二个圆点：0
⑤第三个文字：0
第三步：添加动画效果
如何添加动画效果？
例如：「新媒体」这个文字添加【出现】效果。
选中文字右键单击，选择【自定义动画】-【添加效果】-【出现】。
设置哪些参数？
添加效果后，需要设置动画触发方式（默认是点击触发），和延迟时间（默认是0）。
①右键单击选中需要调整参数的效果
②单击【计时】
③【开始】选择“之后”，【延迟】选择一个合适的值。我这里出现都设置0.3s,消失设置为0.2s。
注意：第一个出现的文字延迟设置长一点（1-2s），方便录制GIF。
操作动图演示▼：
操作图文演示▼
模仿图▼
第四步：用gif录制工具，把PPT动图录制成gif
以GifCam录制gif动图为例
1. 参数选择33fps,New新建。
2. 调节录制框大小，点击Rec开始录制。
3. 录制完成，再次点击Rec暂停录制。
4. 点击Save ,保存输出的GIF图。
（如果你需要逐帧修改，可以用screentogif）
有了上面这个实战，你们对PPT制作动态图的流程就已经很清楚了，其他的动图都是这样设计，只要你理清楚每个图形出现的先后顺序。
关注我，回复关键字”动图1“，领取60+动图模板素材，个个都是精品。
回复关键词“gif”，领取gif录制工具。
最后，动手做出属于自己的微信动态图吧，做是最好的学！
欢迎大家留言讨论，如果遇到问题也可以私信我哟。
虽然没人邀请，也没什么人关注这个问题，但真的是擅长的部分，一定要来答了！
方法一：GIF 网站
1.soogif
找动图很方便的网站。
值得提的是，有个叫【新媒体管家】的插件，在微信自带的编辑器上加了搜索插入动图的功能。
按关键词搜索可以找到超多动图。
按确定插入动图之后，还可以修改动图的尺寸。
下载地址是: http://xmt.cn
2.GIPHY
国外的网站，动图都很有趣。地址是：http://giphy.com
方法二：录屏
网上有很多很多录屏软件，我就提我常用的两个吧。
1.GIPHY
这也是一个可以找到很多动图的网站，他们家软件很小，厉害的是录完屏可以随意调整要保存哪部分，还可以分画质（共3档）保存。
但是这个只有苹果用户可以使用。
2.LICEcap
这个是 Windows 用户也能用的了，而且非常小。
也可以自己调整录屏范围，不过不能调整画质和时间。
方法三：用 PPT 做
是不是很惊讶，用 ppt 怎么做动画？
因为 ppt 动画的功能很强大，做好之后用录屏软件录下后，就可以得到很精致的动图。
具体做法可以看我的另一篇回答：
如何让微信公众号文章排版变得高大上？ - 刘蠢蠢的回答 - 知乎
方法四：用 PS 做
用 PS 做比较复杂。
如果是已有视频，直接拖进 ps，『窗口』—『时间轴』—『文件』—『储存为 web 格式』
自己做的话，也是在时间轴的工具框里，修改每一帧的可见图层。
具体教程可以看我之前的一个分享：
看到这里就点个赞吧~