微信动态插画二维码制作教程!
最近各位设计师朋友是否见过类似于这种动效卡通二维码,大家会发现这个二维码与众不同,有点小清新风格,再加上动态效果,更增加了这个二维码的趣味性,今天就教大家如何制作此类二维码,此处高能,请务必认真观看。
话不多说,先上图观看一个动态卡通二维码,大家可以试试扫一下!

最近各位设计师朋友是否见过类似于这种动效卡通二维码,大家会发现这个二维码与众不同,有点小清新风格,再加上动态效果,更增加了这个二维码的趣味性,今天就教大家如何制作此类二维码,此处高能,请务必认真观看。
需要技能:(草料二维码、AI绘图、AE做简单动效),
步骤一:用草料生成圆点二维码;
步骤二:用AI绘制圆点替代图案;
步骤三:用AE做简单旋转,位移类动效;
这里提到AE做动效,相信各位朋友可能头又大了,不会AE怎么办?其实大家大可放心,AE这款软件入门很简单,只要大家认真看一下AE的基础入门,只需要花1-2个小时学下,这样的简单二维码动效都可以制作出来。
一下步骤,请大家认真观看。
步骤一:草料二维码生成圆点二维码
1、打开草料官网,首页找到二维码扫描器,上传二维码,得到扫描网址;



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


3、点击高级美化;

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

以上是第一个过程,生产圆点二维码,方形二维码等也可以,本次选用圆形;
步骤二:AI绘制代替圆点图案
5、将上一步生成的二维码放底层,并锁定(Ctrl 2),上面画自己想要的形状,左侧是AI画的每一个代替素材,也可以网上找素材(PS也可以做,不要用CDR做,因为后面要将AI文件导入AE,要能保持AI图层,并且AI和AE都是ADOBE产品,兼容性更好)
画图注意事项:
1、注意每一个元素的大小不宜过大或者过小,这个大家在画的过程自己体会,如下图
2、三个顶点的方形可以用三个圆表示,这一块属于重要区域,颜色一定要容易识别,不宜过于明亮;
3、在做的过程中要及时扫描是否能识别,如不能识别可最快纠正错误,不然到最后比较难以发现错误位置;

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

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

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

步骤三:AE制作动效
9、AI中做好的分层图导入AE,也是如下的分层图,可以对每个对象进行动效制作,AE大家可以自学入门简单动画,很简单!


话不多说,先上图观看一个动态卡通二维码,大家可以试试扫一下!

最近各位设计师朋友是否见过类似于这种动效卡通二维码,大家会发现这个二维码与众不同,有点小清新风格,再加上动态效果,更增加了这个二维码的趣味性,今天就教大家如何制作此类二维码,此处高能,请务必认真观看。
需要技能:(草料二维码、AI绘图、AE做简单动效),
步骤一:用草料生成圆点二维码;
步骤二:用AI绘制圆点替代图案;
步骤三:用AE做简单旋转,位移类动效;
这里提到AE做动效,相信各位朋友可能头又大了,不会AE怎么办?其实大家大可放心,AE这款软件入门很简单,只要大家认真看一下AE的基础入门,只需要花1-2个小时学下,这样的简单二维码动效都可以制作出来。
一下步骤,请大家认真观看。
步骤一:草料二维码生成圆点二维码
1、打开草料官网,首页找到二维码扫描器,上传二维码,得到扫描网址;



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


3、点击高级美化;

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

以上是第一个过程,生产圆点二维码,方形二维码等也可以,本次选用圆形;
步骤二:AI绘制代替圆点图案
5、将上一步生成的二维码放底层,并锁定(Ctrl 2),上面画自己想要的形状,左侧是AI画的每一个代替素材,也可以网上找素材(PS也可以做,不要用CDR做,因为后面要将AI文件导入AE,要能保持AI图层,并且AI和AE都是ADOBE产品,兼容性更好)
画图注意事项:
1、注意每一个元素的大小不宜过大或者过小,这个大家在画的过程自己体会,如下图
2、三个顶点的方形可以用三个圆表示,这一块属于重要区域,颜色一定要容易识别,不宜过于明亮;
3、在做的过程中要及时扫描是否能识别,如不能识别可最快纠正错误,不然到最后比较难以发现错误位置;

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

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

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

步骤三:AE制作动效
9、AI中做好的分层图导入AE,也是如下的分层图,可以对每个对象进行动效制作,AE大家可以自学入门简单动画,很简单!



查看详细教程并获取源文件请点击:https://mp.weixin.qq.com/s/a5OYOrLedHqQ25sNH5dfTA
查看更多原创作品请点击:http://www.zcool.com.cn/u/14613919







































