阿虚教你制作动态二维码，超详细教程！

2019-05-25 本文已影响41人 c100b1d9fe8c

这篇教程很早之前就答应几个粉丝要写，拖的有点久了。

内容比较多，先上个目录

image

阿虚的教程会迟到，但永远不会缺席。hahahahhaha...

image

一、先说一下今天要教的内容

ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ

1.不准备教的

类似这种二维码，阿虚觉得比较丑 (ﾟ⊿ﾟ)，就不教这种了：

image

另外像下面这种二维码，一般需要AE（Adobe After Effects）来制作。

AE这个软件本身就比较复杂了，而且制作这种二维码也很费时间，所以阿虚也不准备教这个了。

image

如果想做这种二维码，可以看看这篇教程：https://www.zcool.com.cn/work/ZMTc2MjU5NDg=.html （教程作者说她断断续续做了大概一个月）

2.准备教的有三种

以下3种动态二维码有些许差别，阿虚个人还是最喜欢最后一种

image

二、网站

先说用最简单的办法，就是直接用网站一键生成。

当然，制作动态二维码，你首先需要一张GIF，找GIF的网站很多，简单举几个例子

GIPHY：https://giphy.com/
SOOGIF：https://www.soogif.com/

（一）静态彩色背景二维码

1.草料二维码美化

网址：https://cli.im/tools

image

2.联图网二维码美化

网址：http://www.liantu.com/meihua/

这个网站可以生成的彩色二维码类型挺多的，下面是部分截图预览

image

image.png

image

3.半色调视觉二维码生成器

网址：http://www.mobanma.com/bsd.html

image

4.半色调二维码生成器

网址：https://spacekid.me/halftone-qr-code-generator/

image

（二）动态二维码图片

网址：https://www.toolnb.com/tools-qrcode-featureQrcode.html

image

可以生成彩色或者黑白的二维码
可以一键生成类似下面这种效果的动态二维码（上面的类型1）

20190524230922.gif

（三）GIF动态全色调视觉码

网址：http://www.mobanma.com/visual

image

可以选择不同的码眼类型（就是二维码的定位点）

image

可以生成下图类型的动态二维码（上面的类型2）

image

三、软件

下面讲用软件的办法来制作动态彩色二维码。

（一）安卓

image

Qart能生成彩色或者黑白的二维码，这个就没教程了，导入图片一键生成。

文末提供软件下载方式。

image

（二）Windows

先说清楚了，Windows看起来教程比较长，但是请别怕

image

1.MyQR

（1）事前准备

准备你二维码的扫描结果（网址或者文字），再准备一张GIF图，最好是正方形尺寸的。

image

这张图片尺寸为200*200 px，也就是宽度和高度相等，帧数为27。

建议选择帧数较少、背景比较干净的动图来制作二维码。

（2）效果的预设

MyQR这个工具不提供设置各参数的图形化界面，需要设置一个txt文档来填写相应的参数，把GIF放到myqr同一个文件夹，然后设置一下info.txt。

image

info.txt 内容包含：

v=10
l=L
p=功夫熊猫.gif
c
con=1.0
bri=1.0
words=http://kyon945.ys168.com/

一共是7行信息（基本上你用不改动）

v：指的是二维码的边长，可填1~40。建议不要太大，边长越大，产生越费时，二维码占的空间也大。一般选定一个大小（如10）。
l：指的是二维码容错水平，从低到高依次为L、M、Q、H。一般建议填写L，这样可以减少二维码有效部分，提高二维码颜值。
p：指的是图片，把你要转换成二维码的图片的完整名称填上，包括文件后缀.gif。功夫熊猫.gif就是我获取的功夫熊猫动图的名称。
c：这一行是用来区分黑白还是彩色效果的。当保留c这一行时，指的是选择彩色效果；删掉这一行，则指的是黑白效果。记住：删掉c时，记得要整行删掉，不要留出空白的一行。
con：这指的是图片的对比度。填写默认的1.0即可。可以适当增减。
bri：这行用于调节图片亮度，填写默认的1.0即可。可以适当增减。
words：可以是网址，也可以是文字。