我想问一下微信公众号上的动图怎么做的？

我想问一下微信公众号上的动图怎么做的？

保姆级教程，微信头部账号动图模仿。

包教包会，学不会不要钱（其实本来就不要钱，嘿嘿）

如果你不想学，没问题。

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】，两个工具都发给你。

用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录制工具。

最后，动手做出属于自己的微信动态图吧，做是最好的学！

欢迎大家留言讨论，如果遇到问题也可以私信我哟。