最近各位设计师朋友是否见过类似于这种动效卡通二维码，大家会发现这个二维码与众不同，有点小清新风格，再加上动态效果，更增加了这个二维码的趣味性，今天就教大家如何制作此类二维码。

话不多说，先上图观看一个动态卡通二维码，可以扫描也可以长按识别，大家可以试试，如识别慢，请等2s左右！（受上传图片大小限制，图片经过压缩，不太清晰属于正常）

最近各位设计师朋友是否见过类似于这种动效卡通二维码，大家会发现这个二维码与众不同，有点小清新风格，再加上动态效果，更增加了这个二维码的趣味性，今天就教大家如何制作此类二维码，此处高能，请务必认真观看。

需要技能：（草料二维码、AI绘图、AE做简单动效），

步骤一：用草料生成圆点二维码；

步骤二：用AI绘制圆点替代图案；

步骤三：用AE做简单旋转，位移类动效；

这里提到AE做动效，相信各位朋友可能头又大了，不会AE怎么办？其实大家大可放心，AE这款软件入门很简单，只要大家认真看一下AE的基础入门，只需要花1-2个小时学下，这样的简单二维码动效都可以制作出来。

以下步骤，请大家认真观看。

步骤一：草料二维码生成圆点二维码

1、打开草料官网，首页找到二维码扫描器，上传二维码，得到扫描网址；

2、返回草料首页，将网址复制到文本一栏，生产二维码，并点击美化器下面美化按钮；

3、点击高级美化；

4、按照下面数值调节，参数大家可以试试，根据实际设置，二维码容错率，大概意思即使这个二维码有100个点的话，盖住7个点也能识别出来，容错率就是7%；

以上是第一个过程，生成圆点二维码，方形二维码等也可以，本次选用圆形；

步骤二：AI绘制代替圆点图案

5、将上一步生成的二维码放底层，并锁定（Ctrl 2），在原本的二维码黑色圆上面画圆，并填充自己喜欢的颜色，也可以网上找素材（PS也可以做，不要用CDR做，因为后面要将AI文件导入AE，要能保持AI图层，并且AI和AE都是ADOBE产品，兼容性更好）

画图注意事项：

一、注意每一个元素的大小不宜过大或者过小，刚开始新手做最好比着原本的大小先画圆，这个大家在画的过程自己体会，如下图；

二、三个顶点的方形可以用三个圆表示，这一块属于重要区域，颜色一定要容易识别，不宜过于明亮；

三、在做的过程中要及时扫描是否能识别，如不能识别可最快纠正错误，不然到最后比较难以发现错误位置；

6、可以加一些自己喜欢的背景，并将黑色圆点二维码移走删除；

7、做好的图要对图层进行分层，将需要做动效的对象，单独放置在每一个图层；

8、在此简单介绍AI中将一个图层的对象剪切到新图层方法，以免大家浪费过多时间去做；比如想将小车2剪切到新图层，需要新建图层，放到顶层，然后选中小车2图层，点击右侧圆圈按钮呈现如图状态，Ctrl X剪切；然后用同样的方法（也需要点中圆圈）选中空白图层14，Ctrl shift V原位粘贴即可成功。大家可以尝试。（或者Ctrl B、Ctrl F也可以原位粘贴）

步骤三：AE制作动效

9、AI中做好的分层图导入AE，也是如下的分层图，可以对每个对象进行动效制作，并导出gif，AE大家可以自学入门简单动画，很简单！

这样一个自制动效二维码就完成了，需要注意的是，这种美化二维码识别性没有黑白的二维码识别性好，通过扫描的识别度也要比长按的识别度要高，另外新手做的时候最好做一些简单的形状，比如就用单纯的圆，并且和原版的黑白二维码上的圆位置一模一样，只需要替换下颜色，同时在空白处加一些动效素材，这样做出的二维码不容易出现问题！

特别说明：大家在做的过程中一定要经常测试是否能识别成功，毕竟不熟练的话能及时发现哪个地方出错能及时改正，会省去很多纠错的时间！

查看详细教程请点击：https://mp.weixin.qq.com/s/a5OYOrLedHqQ25sNH5dfTA

也可加作者微信探讨：