如何制作自定义背景的二维码?(包括动态)
本文最后更新于 3166 天前,其中的信息可能已经有所发展或是发生改变。

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

文章详情: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

评论

  1. 9 年前
    2016-5-28 18:30:16
    Google Chrome 51.0.2704.36 Google Chrome 51.0.2704.36 Windows 10 x64 Edition Windows 10 x64 Edition

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

    • 博主
      XLightGod
      9 年前
      2016-5-29 12:24:49
      Firefox 46.0 Firefox 46.0 Android 4.4.4 Android 4.4.4

      已加

  2. R
    9 年前
    2016-5-30 21:52:15
    Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition

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

    • 博主
      R
      9 年前
      2016-5-30 22:15:00
      Firefox 46.0 Firefox 46.0 Android 4.4.4 Android 4.4.4

      重新下

  3. 9 年前
    2016-6-12 22:56:06
    Microsoft Edge 13.10586 Microsoft Edge 13.10586 Windows 10 Windows 10

    请问可以转载么?

    • 博主
      Handle
      9 年前
      2016-6-12 23:07:58
      Google Chrome 53.0.2763.0 Google Chrome 53.0.2763.0 Windows 10 x64 Edition Windows 10 x64 Edition

      看网站最下面的协议

  4. 9 年前
    2016-7-16 0:56:16
    Google Chrome 51.0.2704.106 Google Chrome 51.0.2704.106 Windows 7 Windows 7

    哎哟,渣画质扫不下来的

    • 博主
      QC
      9 年前
      2016-7-16 0:57:49
      Google Chrome 53.0.2785.8 Google Chrome 53.0.2785.8 Windows 10 x64 Edition Windows 10 x64 Edition

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

      • 晨旭
        9 年前
        2016-7-16 1:00:15
        Google Chrome 51.0.2704.106 Google Chrome 51.0.2704.106 Windows 7 Windows 7

        现在1:00了还没睡呢

        • 博主
          QC
          9 年前
          2016-7-16 1:14:01
          Google Chrome 53.0.2785.8 Google Chrome 53.0.2785.8 Windows 10 x64 Edition Windows 10 x64 Edition

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

  5. themebetter
    9 年前
    2016-7-22 11:16:26
    QQbrowser 9.4.7658.400 QQbrowser 9.4.7658.400 Windows 10 x64 Edition Windows 10 x64 Edition

    可以玩玩。

  6. 9 年前
    2016-7-23 18:26:07
    Google Chrome 51.0.2704.79 Google Chrome 51.0.2704.79 Windows 8.1 x64 Edition Windows 8.1 x64 Edition

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

  7. 8 年前
    2016-8-08 8:59:16
    Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 10 x64 Edition Windows 10 x64 Edition

    fuliba大军前来签到!

    • 博主
      www.shiyilu416.cn
      8 年前
      2016-8-08 13:33:37
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

      。。。。。

  8. maxme
    8 年前
    2016-8-08 17:07:49
    Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition

    福娃前来报道

  9. 飞飛飝
    8 年前
    2016-8-09 10:01:09
    Google Chrome 49.0.2623.87 Google Chrome 49.0.2623.87 Windows 7 Windows 7

    福利吧 飞娃来膜拜下

  10. 8 年前
    2016-8-13 21:50:26
    QQbrowser 9.4.8699.400 QQbrowser 9.4.8699.400 Windows 10 x64 Edition Windows 10 x64 Edition

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

    • 博主
      8 年前
      2016-8-14 9:04:39
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

      按我写的做

  11. 8 年前
    2016-8-14 12:44:42
    Google Chrome 52.0.2743.82 Google Chrome 52.0.2743.82 Windows 7 Windows 7

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

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

    • 博主
      idisreg
      8 年前
      2016-8-14 21:35:10
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

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

      • 晨旭
        8 年前
        2016-8-19 17:09:47
        Firefox 47.0 Firefox 47.0 Windows 7 x64 Edition Windows 7 x64 Edition

        同是一个问题怎么办了?

  12. 8 年前
    2016-8-16 8:55:04
    Google Chrome 52.0.2743.82 Google Chrome 52.0.2743.82 Windows 7 Windows 7

    默认的,应该是AVC。

    • 博主
      idisreg
      8 年前
      2016-8-19 17:47:49
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

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

  13. example
    8 年前
    2016-8-16 21:46:58
    Google Chrome 51.0.2704.103 Google Chrome 51.0.2704.103 Windows 10 x64 Edition Windows 10 x64 Edition

    文章被抄袭了诶……
    http://www.zhaofenji.com/itjs/151.html

    • 博主
      example
      8 年前
      2016-8-16 21:55:17
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

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

  14. susu
    8 年前
    2016-8-19 16:55:45
    Firefox 47.0 Firefox 47.0 Windows 7 x64 Edition Windows 7 x64 Edition

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

    • 博主
      susu
      8 年前
      2016-8-19 17:47:41
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

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

  15. 小向
    8 年前
    2016-8-23 15:09:53
    Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 Windows 7

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

    • 博主
      小向
      8 年前
      2016-8-23 20:21:56
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

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

      • 小向
        晨旭
        8 年前
        2016-8-24 8:25:39
        Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 Windows 7

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

        • 博主
          小向
          8 年前
          2016-8-24 10:39:23
          Firefox 48.0 Firefox 48.0 Android 4.4.4 Android 4.4.4

          没遇到过,不会解决

  16. 8 年前
    2016-8-26 12:07:31
    Microsoft Edge 14.14393 Microsoft Edge 14.14393 Windows 10 x64 Edition Windows 10 x64 Edition

    很强势居然来着这么多人

  17. 8 年前
    2016-8-26 18:08:52
    Google Chrome 38.0.2125.122 Google Chrome 38.0.2125.122 Windows 7 x64 Edition Windows 7 x64 Edition

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

    • 博主
      AppDays
      8 年前
      2016-8-26 18:12:16
      Google Chrome 53.0.2785.30 Google Chrome 53.0.2785.30 Windows 10 x64 Edition Windows 10 x64 Edition

      b站也就六千多粉丝= =

  18. 大Ray
    8 年前
    2016-11-01 20:09:12
    Google Chrome 54.0.2840.71 Google Chrome 54.0.2840.71 Windows 10 x64 Edition Windows 10 x64 Edition

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

    • 博主
      大Ray
      8 年前
      2016-11-02 13:05:26
      Google Chrome 56.0.2896.3 Google Chrome 56.0.2896.3 Windows 10 x64 Edition Windows 10 x64 Edition

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

  19. 棉花糖了个糖
    8 年前
    2016-11-14 16:30:22
    Google Chrome 50.0.2661.102 Google Chrome 50.0.2661.102 Windows 7 Windows 7

    感谢大大~笔芯

  20. 8 年前
    2017-1-18 15:04:36
    Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 10 x64 Edition Windows 10 x64 Edition

    https://github.com/sylnsfar/qrcode
    果然不用重复造轮子

    • 博主
      Evilmass
      8 年前
      2017-1-18 16:34:42
      Google Chrome 55.0.2883.91 Google Chrome 55.0.2883.91 Android 4.4.4 Android 4.4.4

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

  21. 学习的小仙女
    7 年前
    2017-8-15 11:11:59
    IBrowse r IBrowse r Windows 10 x64 Edition Windows 10 x64 Edition

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

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇