Skip to main content

如何制作自定义背景的二维码?(包括动态)

今天在知乎上看到一篇文章《如何优雅地让人给你打钱》

文章详情:http://spacekid.me/qart-code/

用这篇文章提供的工具,我成功做出来了自定义的二维码:

↑上面的图片大家可以用QQ扫一扫,能扫出来的

下面开始讲教程:

0x00:制作黑白底的二维码:

方法:

打开http://spacekid.me/halftone-qr-code-generator/

然后按照要求做就行了

0x01:制作彩色底的二维码:

首先下载软件 链接:http://pan.baidu.com/s/1dFx4zLZ 密码:hw7t

解压,打开VisualQRC.exe

等它加载完,然后选择图片:

右下角可以选别的格式:

选完之后写上自己想显示的文字/网址(中文内容的话只能用qq扫才不会乱码):

然后会看到下面的界面:

我们需要导出彩色图像,所以点上彩色选项:

最后点左上角的导出就可以了:

最终效果:

0x02:制作动态的彩色二维码:

建议先准备好两个软件:photoshop和格式工厂

首先找好一个gif,然后拿ps打开:

然后选择“文件-导出-渲染视频”导出成MP4格式:

然后把这个MP4扔到格式工厂里转成avi格式,“输出选项” - “视频编码”改成 “MJPEG”

然后我们就得到了一个avi文件。

坑爹的地方就在这里:如果你直接把avi扔进Visual QR Codes Generator里,生成的时候它就会报错

然后我发现这坑爹货用的是opencv

为了让软件能利用这个avi文件,我们要进行如下处理:

下载virtualdub:链接:http://pan.baidu.com/s/1nuMa1hZ 密码:6kmp

打开VirtualDub.exe,导入那个avi视频(open-open video file):

然后选择Video->Filters->Add->Convert format,选择32-Bit RGB,最后点击ok:

然后点击file-save av AVI保存处理后的视频文件(注意改文件名):

后面的步骤就和前面差不多啦,打开VisualQRC.exe,选上这个视频,写上自己的文字,选上彩色,点导出,选ok:

接下来我们在视频压缩对话框的压缩程序选项选上“全帧”,然后点确认,导出视频:

我们得到了导出的视频文件

然后打开我们的ps,选择文件-导入-视频帧到图层:

选上导出的avi,然后点击确认:

然后选择文件-储存为web所用格式,右边选上gif,点击储存保存图片即可:

做出效果如下(每帧时间没调整,所以变成了这样2333):

教程完毕!

2017.2.11更新:

好像发现了有人做好轮子了:https://github.com/sylnsfar/qrcode_win

40 thoughts to “如何制作自定义背景的二维码?(包括动态)”

  1. Google Chrome 51.0.2704.36 Google Chrome 51.0.2704.36 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.36 Safari/537.36

    好东西 已收√
    (另外求一发友链)

  2. Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36

    下载彩色二维码之后解压不了,说找不到程序。求解???

  3. Microsoft Edge 13.10586 Microsoft Edge 13.10586 Windows 10 Windows 10
    Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586

    请问可以转载么?

    1. Google Chrome 53.0.2763.0 Google Chrome 53.0.2763.0 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2763.0 Safari/537.36

      看网站最下面的协议

  4. Google Chrome 51.0.2704.106 Google Chrome 51.0.2704.106 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

    哎哟,渣画质扫不下来的

    1. Google Chrome 53.0.2785.8 Google Chrome 53.0.2785.8 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.8 Safari/537.36

      对焦对准就能出来。。用QQ扫

      1. Google Chrome 51.0.2704.106 Google Chrome 51.0.2704.106 Windows 7 Windows 7
        Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

        现在1:00了还没睡呢

        1. Google Chrome 53.0.2785.8 Google Chrome 53.0.2785.8 Windows 10 x64 Edition Windows 10 x64 Edition
          Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.8 Safari/537.36

          大后天比赛。。。问题还没解决

  5. QQbrowser 9.4.7658.400 QQbrowser 9.4.7658.400 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.80 Safari/537.36 Core/1.47.277.400 QQBrowser/9.4.7658.400

    可以玩玩。

  6. Google Chrome 51.0.2704.79 Google Chrome 51.0.2704.79 Windows 8.1 x64 Edition Windows 8.1 x64 Edition
    Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36

    好像挺好玩的,应该弄成一个自动化工具

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      。。。。。

  7. Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36

    福娃前来报道

  8. Google Chrome 49.0.2623.87 Google Chrome 49.0.2623.87 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

    福利吧 飞娃来膜拜下

  9. QQbrowser 9.4.8699.400 QQbrowser 9.4.8699.400 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.80 Safari/537.36 Core/1.47.933.400 QQBrowser/9.4.8699.400

    我是网站在线转换的avi,为什么在VirtualDub打不开,求解

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      按我写的做

  10. Google Chrome 52.0.2743.82 Google Chrome 52.0.2743.82 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

    打开 VirtualDub.exe,导入那个 avi 视频(open-open video file):

    为什么我到这步会报错呢?

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      格式工厂设置里导出格式是AVC的呢还是MPEG4的?

  11. Google Chrome 52.0.2743.82 Google Chrome 52.0.2743.82 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

    默认的,应该是AVC。

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      输出选项-视频编码
      改成“MJPEG”

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      没事,网页底部有版权声明。。
      而且他们转发的图片带水印的,不算太恶劣

  12. Firefox 47.0 Firefox 47.0 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

    VirtualDub打开avi视频提示“无法定位到解压格式”解码器不兼容什么的 怎么办?

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      输出选项-视频编码
      改成“MJPEG”

  13. Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36

    VisualQRC选择图片后怎么没有反应 界面里没有图片 图片格式也试了几种都不行

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      不是右下角选择图片格式吗

      1. Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 Windows 7
        Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36

        是的 我选择了图片之后 然后输入文字, 点下一步,出来的Image Editor 里面是空白的 没有图片,就没办法做了

  14. Microsoft Edge 14.14393 Microsoft Edge 14.14393 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393

    很强势居然来着这么多人

  15. Google Chrome 38.0.2125.122 Google Chrome 38.0.2125.122 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.122 Safari/537.36

    Nice ! 这么萌的博主一定也混迹B站吧 ,哈哈

    1. Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.30 Safari/537.36

      b站也就六千多粉丝= =

  16. Google Chrome 54.0.2840.71 Google Chrome 54.0.2840.71 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

    博主你好,请问怎样把自己的微信号放在这个动态二维码上面呢?

    1. Google Chrome 56.0.2896.3 Google Chrome 56.0.2896.3 Windows 10 x64 Edition Windows 10 x64 Edition
      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2896.3 Safari/537.36

      微信号的二维码其实也是一个网址,你可以用微信自带的做一个,然后用扫码软件(不要用qq/微信/浏览器扫)扫出那个二维码的信息,再按这里的教程走

  17. Google Chrome 50.0.2661.102 Google Chrome 50.0.2661.102 Windows 7 Windows 7
    Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

    感谢大大~笔芯

    1. Google Chrome 55.0.2883.91 Google Chrome 55.0.2883.91 Android 4.4.4 Android 4.4.4
      Mozilla/5.0 (Linux; Android 4.4.4; OPPO R7 Build/KTU84P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.91 Mobile Safari/537.36

      两个轮子的思路是不一样的,那个轮子是纯粹直接吧二维码颗粒覆盖到图片上的。我用的这个轮子是把二维码融入到图片里的,除了识别点看不出别的二维码颗粒。要不台湾那个大学的怎么会写了一篇论文呢(*°∀°)=3

  18. IBrowse r IBrowse r Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; Touch; rv:11.0; JuziBrowser) like Gecko

    怎么改变二维码的颜色呢?

发表评论

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