看野路子如何制作漂亮的平面动态二维码

成都/设计爱好者/8年前/3975浏览
看野路子如何制作漂亮的平面动态二维码
野鹿志

不是设计师也能做出漂亮的二维码

问:什么“马”最火?

4d9858be82c6a801219c77811a44.jpg

不对

a2af58be82cda801219c77958c42.jpg

也不对!!

0c2f58be82d4a801219c77a6aa6c.jpg

还是不对

另外

由于口味太重

请将最后三位举牌同学拖出去斩首示众!

正确答案应该是:

cc7e58be82dca801219c774ef0c4.jpg

二维码的应用在现在可谓说是,无处不在。无论你是商家、企业、还是自媒体,特别是微信小程序出来以后,更让二维码得到了更多发挥的可能。

288a58be82e4a801219c77c19ff7.jpg

一个漂亮的二维码甚至能帮助你吸引到更多的粉丝。

那么野郎今天就来试试,如何用野路子的方法做一个漂亮的平面动态二维码:

1、首先我们需要准备一个纯黑白的二维码,注意!不是公众号后台下载的中间带logo那种哦!

0fca58be82eba801219c777ca99d.jpg

由于公众号后台下载二维码都是自带Logo的,这里给大家安利一个网站:

草料二维码

http://cli.im/

我平常制作简单的二维码几乎都用它,由于它不是今天的主角,所以详细功能改日再介绍,先看看如何用它准备纯黑白的二维码吧!

首先打开草料二维码网站:

882158be82f2a801219c770f1d8e.jpg

点击右上角红色的更多

4a0a58be82f9a801219c77af2a54.jpg

然后点击生成工具中的微信二维码

a87858be8307a801219c770db327.jpg

这里只要输入微信公众账号

954358be8310a801219c77817d51.jpg

就可以自动生成二维码啦!然后直接点击下载即可!

a59b58be831ba801219c77b1798b.jpg

准备好纯黑白的二维码以后,接着我再给大家安利另外一个网站:

第九工厂

http://www.9thws.com/

这个网站有不少不错的二维码模版,有些是付费的,可以简单方便的帮你把土得掉渣的黑白二维码美化的不要不要的...具体操作这里不再赘述,有兴趣的童鞋可以去试试。

62eb58be8323a801219c77426257.jpg

这里我随便选择一个哥斯拉的模版来制作,点击上传普通二维码

4c9958be832aa801219c775c6122.jpg

这样我们就可以得到一个漂亮的静态二维码了

eae658be833aa801219c77349cf7.jpg

以上,已经得到一个不错的二维码了,接下来是要做成动态的,例如图中的汽车、消防车、火焰、以及怪兽,怎么样让他们动起来呢?

有人说:用美图秀秀把这些元素抠出来、抹掉,再加进去就行啦!

这样野郎觉得太麻烦啦!我的办法是用ppt!

首先把二维码以图片的形式插入幻灯片中,我觉得三个角的码眼不好看,直接用二维码覆盖。

56eb58be8343a801219c77d4bb2b.jpg

码眼替换是不会影响二维码扫描的

(关于二维码的构造,如果大家感兴趣的话,可以后台撩我哦,我会根据大家的反馈情况进行分享!)

接下来就是要把图中的汽车、消防车、火焰、以及怪兽给去掉,方法也很简单,直接插入图形-矩形,然后填充白色,无线条,将这些元素覆盖就可以了!

a80858be834aa801219c7780fcd0.jpg

当然,虽说方法简单,要一个元素一个元素的覆盖也是个细致活啦!大家可以看到野郎上面这张图上覆盖了多少矩形,不过相对于一个元素一个元素的抠出来再抹去,这个办法算是简单的啦!最后再将所有元素组合,我们就得到了这张图:

588258be8355a801219c776d0df5.jpg

这个时候我们就要发挥一些想象啦!例如:

图画里首先应该出现的是一些汽车

ed1a58be8361a801219c77aeab30.jpg

汽车在城市中正常行驶

274058be836aa801219c777ee497.jpg

突然城市里来了一些怪兽

199158be8372a801219c776377a6.jpg

怪兽在城市里打死破坏,于是着火了

641658be837ba801219c7771634a.jpg

紧接着怪兽越来越多

着火处也越来越多

消防车也赶来救火

854658be8384a801219c77436eba.jpg

于是,按照这个思维方向和逻辑,我做了12张图片:

07a658be838ca801219c77c06122.jpg

然后再打开美图秀秀,利用更多功能中的闪图功能

62be58be8394a801219c77755e7f.jpg

选择自定义闪图,将12张图片全部添加帧,最后再适当的调节一下速度:

9b7f58be839ca801219c779faedd.jpg

最后我们再来看一看成果吧:

281c58be83a9a801219c77949c5d.jpg

长按之后正常识别,没毛病!

怎么样!

不能和设计师相比,糙是糙了点

不过野路子方法也挺好用啦

感兴趣的话赶紧去试试吧!

如果你有更简单的方法

欢迎后台撩我哦!

本文由“野鹿志”发布

欢迎分享,转载请注明出处

a8b558be83c5a801219c77e5e5bc.jpg

71
Report
|
63
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
大家都在看
Log in