分享

干货 | 手把手教你作动态二维码

 新华书店好书榜 2016-11-26

坚坚老师两个月前已经做了铺垫了。

写了一篇(【福利】如果你的二维码是这样...),教大家如何将默认的微信二维码变得更好看更优美更吸引人。

有些朋友不愿自己动手,坚坚老师也热心前前后后为一百多人免费生成了自己专属的二维码。

干货 | 手把手教你作动态二维码

之前生成的全是静态二维码,而众所周知,动态的图片才能更吸引别人的眼球。

试想在遍地都是长按图片识别二维码的时候,你长按一个gif图也能识别二维码,是不是更能让人眼前一亮,更惊艳呢?

这次就来将这惊艳的技术倾授给大家。

好了,上正菜!

将二维码融合到gif图中,这次我将详细的介绍制作方法

此教程参考的是台湾国立清华大学的一篇论文《HQRC_SIGA13_Slides.pdf》

论文全英,坚坚老师为弄懂其中原理打印出来看了数遍。里面既介绍了gif二维码的原理,也介绍了生成的软件的使用方法。

论文中涉及的制作软件“Generator_WIN”、“HQRC”、“Visual QR Codes Generator“文末有获取方式。

效果图如下。

做gif二维码,首先需要到就是一张gif图。

gif图禁忌大面积为纯白纯黑。

因为论文中生成的软件只能接受视频类动画,所以我们先将gif转为视频。

找到自己喜欢的gif图后,拖入到photoshop中。

接着依次选择:文件-->导出-->渲染视频。

干货 | 手把手教你作动态二维码

生成一个mp4格式的视频。

因为软件不接受mp4格式视频,所以将mp4转成avi。

打开“格式工厂”,拖入mp4,转换成avi格式视频。

干货 | 手把手教你作动态二维码

得到avi格式视频文件。

但是经过测试发现普通avi根本无法生成二维码,论文要求是使用“opencv”格式编码的avi文件才行。

那么使用“Virtual Dub.exe”再进行一次转码。

干货 | 手把手教你作动态二维码

在Virtual Dub中打开视频,依次选择:“Video”-->"Filter"-->"Add"-->"Convert Format"-->”32-Bit RGB",点击 OK,至此适合软件需求的avi视频就生成了。

干货 | 手把手教你作动态二维码

有了正确的视频,然后需要你的微信二维码的内容。

二维码内容一般都是网址信息,百度一个二维码解码网站(比如:/),将你想要制作的二维码上传到网站,得到解码出来网址url。

下载论文中的软件解压安装后,先打开“Visual QRC.exe”。

干货 | 手把手教你作动态二维码

选择打开一个文件,将文件类型选择为“AVI files”,选中步骤3中生成的avi视频。

干货 | 手把手教你作动态二维码

接着将步骤4中得到的网址url输入到内容框。

点击绿色按钮进入编辑界面。

干货 | 手把手教你作动态二维码

要想生成的视频带颜色,一定得将红框内的三原色图标选中。

将鼠标放置于各个图标上,停止几秒中有图标的使用说明。

然后点击左上角齿轮按钮生成带二维码的视频。

干货 | 手把手教你作动态二维码

生成视频前有个弹窗,将压缩程序选择最后一项“全帧(非压缩的)”,即可生成带二维码信息的视频了。

干货 | 手把手教你作动态二维码

现在就剩下最后一步,将视频转成gif。

将视频导入到photoshop中。打开photoshop,依次点击:“文件”-->“导入”-->“视频到帧图层”,生成gif图层。

干货 | 手把手教你作动态二维码

然后再依次点击:“文件”-->“导出”-->“存储为Web使用格式”。到此,带动态二维码生成。

干货 | 手把手教你作动态二维码

在动态二维码制作的过程中还是有疑问。

那么直接在后台给坚坚老师留言吧

以上步骤坚坚老师录制了一个小视频,大家制作过程中有不清楚的地方可以对着视频研究。

◆ ◆

相关软件获取

关注公号-坚坚老师

回复 二维码获取下载地址

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多