制作动态二维码,你缺少的是这个小利器

制作动态二维码,你缺少的是这个小利器

类似这样的动态二维码,你见过吗?

【动态二维码】,有没有听说过这个说法呢?

我想,大家见得最多的是静态二维码吧,大不了就是漂亮一点的艺术二维码,但是动态的,恐怕不常见,甚至没见过吧。

所以,我告诉你,动态二维码是可以制作的,你可能会大吃一惊。

究竟是怎样的动态呢?是指二维码周围的部分会动起来?不是的。那么是指二维码整体会发生移动吗?怎么会那么简单呢。我强调的是,二维码内部有动态变化的效果

噢,这样变化的二维码,还能进行扫码吗?答案是可以的。如上图所示的二维码,你可以试试。原理你大可不必去深究。

下面我要告诉你如何去制作

你可能会想,这是不是需要PS或者一些强大的软件来帮忙,其实并不是的,制作这样的效果,只需借助一个小工具,或者它的网页版来完成。

软件:myqr

在运行它之前,需要做一些准备工作。

01 网址的准备

准备一个在扫码后,跳转到的网页的网址,这也正是我们使用这个二维码的目的,如我使用公众号的二维码对应的网址。

如果,你直接使用的就是网址,那就没问题;而如果你目前只有二维码,那就需要进行信息的读取了。这可以通过【草料二维码】网站来完成。

制作动态二维码,你缺少的是这个小利器

打开草料二维码网站,下拉页面,找到【工具和服务】中的【二维码扫描器】

制作动态二维码,你缺少的是这个小利器

打开它,点击位于中部的【上传二维码图片】,这样很快就能获取扫描结果,即相应的网址。

制作动态二维码,你缺少的是这个小利器

制作动态二维码,你缺少的是这个小利器

02 GIF图的准备

第二个方面的准备,就是支撑动态效果的动态GIF图的准备了。

网络上有很多这类资源,如【小猪动图】、【GIPHY】等。下面以小猪动图为例。

打开小猪动图主页,点击【GIF动图】

,进入相应的模块,里面有各种分类的动图,也可以通过关键词进行搜索。

制作动态二维码,你缺少的是这个小利器

制作动态二维码,你缺少的是这个小利器

如,我找到一张功夫熊猫翻身的动图,点开看到详细内容,页面往下拉,我还看到了相应的图片信息。

制作动态二维码,你缺少的是这个小利器

制作动态二维码,你缺少的是这个小利器

可见,图片大小为【200*200 px】,也就是宽度和高度相等,而帧数为27,不大,还可以。

由于生成动图的时间与帧数相关,因为每一帧都要生成对应的图像,所以,帧数越大,耗时越多,建议选择帧数较少的动图

在这里,我要告诉你一件事,想要获得最好的效果,建议使用正方形的图片;而我选择的图片刚好是正方形的,所以刚刚好。

不过,如果遇上并非等宽高的图片,是不是就没办法了呢?是不是只能凑合着用,或者另寻其他图片呢?其实没那个必要,图片尺寸不合适,我们可以进行裁剪啊,而小猪动图刚好就有这个功能。

在图片详情页,图片下方就有【编辑】的按钮,选择后,点击【来裁剪我呀】,就可以进行裁剪了。

制作动态二维码,你缺少的是这个小利器

进入裁剪功能后,点击【开始裁剪】,就可以开始通过拖动边框右下角来调整图片的尺寸,在图片左上方有当前的裁剪尺寸情况,在调整完成后,点击右下方的【下载保存】按钮,就可以保存裁剪后的GIF图了。

制作动态二维码,你缺少的是这个小利器

这样,GIF图就算准备好了。

建议:不要找背景透明的动图

03 效果的预设

目前,这个工具,还不是做得十分友好,暂时不提供设置各参数的界面,只能是由我们自己通过一个txt文档来填写相应的参数。

听到这里,会不会有点害怕,或是觉得有点麻烦,不用担心,都是些很简单的参数,主要需要修改的只有2~3个

好,具体有哪些参数呢,下图是我举的一个例子。

制作动态二维码,你缺少的是这个小利器

一共是7行信息。解读如下。

  1. v:指的是二维码的边长,可填1~40。建议不要太大,边长越大,产生越费时,二维码占的空间也大。一般选定一个大小(如10),就不必经常去修改了

  2. l:指的是二维码容错水平,从低到高依次为L、M、Q、H。一般建议填写L,这样可以减少二维码有效部分,提高二维码颜值。这里与第一行的v一样,选定好之后,就不怎么需要修改了

  3. p:指的是图片,也就是GIF图,这里需要把图片的完整名称填上,包括文件后缀(如.gif)。【gfxm.gif】就是我获取的功夫熊猫动图的名称。

  4. c:这一行是用来区分黑白还是彩色效果的。不需要填其他参数。当保留c这一行时,指的是选择彩色效果;当把这一行去掉,则指的是黑白效果。很重要的一点,每一行信息之间不允许添加空行,所以删掉c时,记得要整行删掉,不要留出空白的一行。

  5. con:这指的是图片的对比度。填写默认的【1.0】即可,不需要经常修改,也可以适当增减。

  6. bri:这行用于调节图片亮度,用法与第五行差不多,填写默认的【1.0】即可,同样不需要经常修改

  7. words:最后一行,填写的就是一开始获取的网址,记得直接复制完整网址即可,不要偷工减料啊,【http://】也是必需的。

好了,不知道你有没有好好地去看呢?我来总结一下,主要需要修改的【p】、【c】和【words】行,其他的填写后,即可固定不变。【p】的图片名称【words】的网址就是通过前两步获取的,【c】的有无色彩可以看你需要。

一些小的要点是,要在英文半角状态下输入,不需要添加空格来间隔。

最后还有一点,那就是,这个文本文档的名称要命名为【info】

04 生成动态二维码图

来到生成动态二维码这一步了,先新建【一个文件夹】,把上面获取的GIF动图和info文本文档连同myqr这个二维码生成器一同放入文件夹里,双击【myqr.exe】

制作动态二维码,你缺少的是这个小利器

首次打开程序,可能会先下载一点东西,到以后使用的时候,就不需要再下载了。

以后每一次打开的时候,如果准备没错的话,就会见到类似下图的情况。

制作动态二维码,你缺少的是这个小利器

等待时间,与你选择的动图、设置的参数有关,当然,你的电脑配置也相关着。

当出现类似以下的画面,就说面完成了。此时,点击键盘

任意键即可退出。

制作动态二维码,你缺少的是这个小利器

生成的动态二维码同样在该文件夹中。名称中多出【_qrcode】部分的即为新生成的二维码动图。

最后生成的效果图。

网站:Amazing QR Code

客户端,目前还显得不够友好,但比较友好的网页版,倒是有一个,叫做【Amazing QR Code】,它们是一家的。

这里奉上网址:

http://www.amazing-qrcode.com/

制作动态二维码,你缺少的是这个小利器

打开网页(部分浏览器可能会失败,目前测试用Chrome和edge浏览器可成功),就可以看到,只剩下刚才我重点提及的3个方面的参数,从上往下看分别是,网址链接,色彩情况,以及动图。准备好了之后,点击

【Submit】,即会开始上传生成。

制作动态二维码,你缺少的是这个小利器

看到这里,你发现了吗?可以使用的图片,除了GIF图,还能是jpeg、png等。所以,其实,这个工具或者网站,除了能生成动态的二维码,还能够生成【静态二维码】,只要提供静态的图片即可。

如下图为由它生成的效果图,也就是开篇举的例子。

这是用网站生成的效果。与工具生成的效果相比,少了一些码眼,适当提高了美观度。所以可以考虑优先使用网站生成。

而经测试,有的时候,生成效果并不好,会出现混乱的效果,但参数什么的,无法设置,这时仅能依靠本地工具来生成。看来,要提高美观度,还是有点难度的

虽然美观度欠佳,但本地小工具还有隐藏的技能,那就是【能根据文本内容生成二维码】,这当然是英文文本,也就是用英文文本替代了网址,扫码后则会看到相应的文本信息。例如,我们可以输入【happy】。

最后,再展示一个动态二维码成品。

【总结】

动态二维码并非遥不可及,本文介绍一个本地工具myqr和相应的网站amazing qr code,它们均可用于生成动态二维码,也可以生成静态图片二维码,小工具还能根据文本信息生成相应的动态二维码。

◆ ◆ ◆ ◆ ◆

希望本文对您有所帮助


分享到:


相關文章: