教你制作个性动态GIF二维码,超详细教程!

20190525201616.jpg

内容比较多,先上个目录

教学内容

1.不准备教的

类似这种二维码,虚觉得比较丑 (゚⊿゚),就不教这种了:

另外像下面这种二维码,一般需要AE(Adobe After Effects)来制作。

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

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

2.准备教的有三种

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

二、网站

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

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

(一)静态彩色背景二维码

1.草料二维码美化

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

### 2.联图网二维码美化

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

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

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

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

4.半色调二维码生成器

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

(二)动态二维码图片

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

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

(三)GIF动态全色调视觉码

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

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

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

三、软件

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

(一)安卓

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

文末提供软件下载方式。

(二)Windows

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

1.MyQR

(1)事前准备

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

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

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

(2)效果的预设

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

info.txt 内容包含:

1
2
3
4
5
6
7
v=10
l=L
p=功夫熊猫.gif
c
con=1.0
bri=1.0
words=http://kyon945.ys168.com/

一共是7行信息(基本上你用不改动)

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

总结:一般只需要修改:p 和 words 即可。

(3)生成动态二维码图

准备好之后双击myqr.exe即可开始制作动态二维码

打开之后会弹出一个命令行界面,意思是让你等待。

生成的动态二维码同样在该文件夹中,最后生成的效果图。

项目github地址:https://github.com/sylnsfar/qrcode

2.UGA+VisualQRC+ShanaEncoder

类型3的二维码,需要3个软件来制作。

(1)事前准备

先找一张很可爱的GIF ꉂ(ˊᗜˋ*)

准备这三个软件,我给的都是单文件版,无需安装,下载后直接运行(文末提供下载方式)

(2)UGA处理图片

打开我提供的单文件版UGA5,导入图片(修改图片)导出为视频

打开图像之后,如果图片不是正方形尺寸的,请调整一下图像大小,或者修改一下画布大小

修改完之后,点击左上角文件,另存为视频文件

一般默认设置即可

(3)VisualQRC导入视频

然后打开我提供单文件版VisualQRC,导入刚刚导出的视频并制作动态二维码

点击打开文件后,会弹出下面这样一个窗口。

  • Version 是二维码的版本设置,你可以理解为二维码的定位标志数量。(你可以看下图轻松理解)
  • EC Level 是容错级别,L级可纠正约7%错误、M 级别可纠正约15%错误、Q 级别可纠正约25%错误、H 级别可纠正约30% 错误,一般设置为 Q 即可

(4)VisualQRC制作二维码

然后就进入软件主界面了

觉得刚刚的version设置的不合适的话,还是可以修改的

觉得没问题就点击软件主界面左上角的齿轮导出二维码,这时会有个导出设置,建议设置为全帧(非压缩的)

(5)等待结果

然后你需要耐心等待软件处理

等到提示Done,就表示完成啦。

(6)视频转为GIF

我们用VisualQRC导出的是视频格式的二维码,最后用ShanaEncoder把视频转GIF就行啦。

另外补充一下,自己记得设置输出目录(我求求泥们不要来问我找不到输出的文件在哪里这种问题嘞!)

最后成品如下(╭ ̄3 ̄)╭♡

四、软件下载

今天教程中提到的,请关注微信公众号:易酷网

在聊天框发送:动态二维码

后台即会自动回复软件下载地址了 (ง ˙o˙)ว

今天的内容可能比较小众吧

但如果有喜欢折腾的小伙伴,不妨下载软件,跟着教程花3分钟做一个属于自己的二维码试试咯?

残酷

像我这样莫名其妙的人会不会有人心疼。

暂无评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注