1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

二维码不光是一堆黑点,它还能这么玩

本帖由 漂亮的石头2016-02-02 发布。版面名称:知乎日报

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    487,766
    赞:
    47
    如何设计二维码?

    [​IMG] 知乎用户,悲观的乐观主义者

    多图!!

    二维码的知识我不是太了解……但设计二维码这块我还是有折腾过……

    目前最常用的扫码工具估计就是微信了吧,据我所知。微信的扫一扫是能识别经过变形的二维码的……(Android 端是这样,不知道 iOS 端的扫一扫有没有区别)

    你可以试试用微信扫一扫下面这个二维码:

    (爪机可保存图片到相册然后在微信扫一扫中选择相册中的二维码)

    [​IMG]

    或者下面这个更夸(diao)张(si)的……【这张对扫码方法要求较高】

    [​IMG]

    制作这样一个二维码其实也不难,首先准备工具:

    1. Illustrator
    2. Psytec QR Code Editor 官网:フリーソフト -> QR Code Editor

    以自己的微信二维码为例,发送微信二维码到 PC,用 QR Code Editor 屏幕读取获得内容并重新保存大图。

    [​IMG]

    微信二维码储存的的信息是个 url……

    注意错误修正,越高越复杂,设计时也能有更多变化,按需调整。

    将尺寸调整到最大有益于后面的处理。

    保存为位图即可。

    此刻 Psytec QR Code Editor 的使命也完成了……由于他无法识别经过高度变形后的二维码,对二维码的颜色要求也高……所以在后面测试设计后的二维码时,还是用微信吧。

    启动 Illustrator,新建文件,拖入二维码位图:

    [​IMG]

    选中图片时点击控制栏中的图像描摹(找不到则使用菜单栏 - 窗口 - 图像描摹)

    [​IMG]

    如下图设置即可(注意忽略白色)

    [​IMG]

    设置完毕后点击描摹,然后点击控制栏中的扩展

    [​IMG]

    此时二维码位图已转为路径

    [​IMG]

    设置正确的话应该不会有多余锚点,若有多余锚点。可使用菜单栏 - 对象 - 路径 - 简化,然后如下图设置并确定

    [​IMG]

    此时我相信设计师们都知道该怎么做了……

    当然也有很大部分像我这样的业余爱好者……

    我们可以借助 Illustrator 的外观功能,对二维码路径进行很多变形处理。

    点击菜单栏 - 窗口 - 外观打开外观面板(Shift+F6)

    选中路径时在外观面板添加效果

    [​IMG]

    比如添加【风格化 - 圆角】

    [​IMG]

    在此基础上再添加个【扭曲和变换 - 波纹效果】

    [​IMG]

    或者添加个【扭曲和变换 - 收缩和膨胀】

    [​IMG]

    又或者很流行的笔画效果【风格化 - 涂抹】

    [​IMG]

    当然,你可以尝试不同的效果,不同的参数,不同的组合来实现更多效果。

    你还可以尝试使用变形工具……

    [​IMG]

    当然不要像我一样手残:

    [​IMG]

    看到这肯定有人要问,如果要对每个点进行变形该怎么办?

    我目前没有发现更好的办法……只有手动“图像描摹”了。

    新建文件时勾选使对象与像素网格对齐……

    宽高为二维码单元格列数……单位 px

    菜单栏 - 编辑 - 首选项 - 参考线和网格,网络线间隔 1px,次分割线 1

    分别选中菜单栏 - 视图 - 显示网格(Ctrl+“)、对齐网格(Shift+Ctrl+“)、对齐点(Alt+Ctrl+“)

    导入二维码图片对齐并锁定层……新建一层

    使用矩形工具

    先绘制好三个定位点

    然后绘制一个点

    使用选择工具 Alt+ 移动进行复制

    直至”描摹“完……

    如图:

    [​IMG]

    [​IMG]

    当然,无论怎么变 ……要确保二维码能扫……需要注意的是那三个定位点,还有二维码的色彩(使用和背景形成高对比的颜色),最好就是每做一次大变动时就用微信扫一扫,不行则撤销。

    阅读原文
     
正在加载...