photoshop设计创意二维码制作教程

 更新时间:2016年9月14日 23:51  点击:1794
今天小编在这里就来给photoshop的这一款软件的使用者们来说下设计创意二维码的制作教程,各位想着掉具体制作方法的使用者,那么下面就快来跟着小编一起看一看教程吧。
给各位photoshop软件的使用者们来详细的解析分享一下设计创意二维码的制作教程。
教程分享:
我曾经以为,二维码就是这样的

 

二维码,如何设计创意二维码_
或者是这样的

 

二维码,如何设计创意二维码_
好看一点的也不过是这样的……

 

二维码,如何设计创意二维码_
直到有一天,boss说:

 

二维码,如何设计创意二维码_
于是LZ便去问度娘:啥是“流弊”的二维码?
接着LZ的世界观被凶残的刷新了……
这都是些什么鬼!
有这样的

 

二维码,如何设计创意二维码_
这样的

 

二维码,如何设计创意二维码_
这样的

 

二维码,如何设计创意二维码_
还有这样的

 

二维码,如何设计创意二维码_
然而这些的确就是二维码,而且扫描识别神马的一点问题都没有!于是LZ一边凌乱一边心中呐喊:我也要设计出这么流弊的二维码!
那么怎样来开始设计呢?我们先来搞清楚二维码的运作原理吧。

 

二维码,如何设计创意二维码_
这货为什么叫“二维码”?
我们先来看看“一维码”长啥样——

 

二维码,如何设计创意二维码_
这不就就是我们在商品包装上经常见到的条形码么!
为什么要取个这么高端的名字……
仔细想想,似乎也很有道理,因为条形码只能在一个维度,也就是x轴上存储数据。

 

二维码,如何设计创意二维码_
那么问题来了,一维码只能存储阿拉伯数字0-9的数据,特么不够用啊!肿么办!
那么,增加一个维度好了,让y轴上也能存储数据不就行了嘛!
是不是很机智!
所以二维码就产生了。

 

二维码,如何设计创意二维码_
LZ不禁对发明二维码的大哥充满无限崇拜……赶紧来问问度娘发明二维码的天才是谁。
度娘说:二维码是上世纪80年代的时候由歪果仁发明的(根本没说是哪位大哥嘛),而且码制有很多种,有PDF417、QR Code、Code 49、Code 16K、Code One(LZ已晕)。我们平时最常用的那种是QR Code,QR即“Quick Response”的缩写,意为快速识别。QR code最早由日本人发明,应用于汽车制造,目的是对生产流程中的每一个零件进行追踪。
二维码储存数据的方式
那么问题又来了,这一堆白的黑的方块怎么能存储数据的?
机智的LZ又求助于度娘……得到的答案是:二进制码
联想到高中时候电脑课上学的计算机原理,LZ好像突然懂了!
所有的电脑程序本质上都是一堆0和1组成的代码对不对!对于电脑程序来说,有0和1这两个数字就有了一切!撸主顿时觉得自己好聪明!
在二维码中,白色的方块代表0,黑色的方块代表1。

 

二维码,如何设计创意二维码_
二维码能容纳多少数据
既然二维码是用二进制存储数据的,那么如果把一个app做成二维码,扫一下就安装好,每个月可以节省不少流量呢,啊哈哈哈~
图样图森破!二维码的数据存储量是有限制的!
二维码的大小限制:最低21x21,最高177x177的矩阵
存储数据:
数字——最多7098字符
字母——最多4296字符
二进制数——最多2953字节
日文——最多1817字符
中文汉字——最多984字符(UTF-8),1800字符(BIG-5)
然而……

 

二维码,如何设计创意二维码_
任天堂fc版超级玛丽
容量41k(41984字节)
app什么的根本塞不下好吗!!
QR码的结构
简单分析一下二维码的结构吧——

 

二维码,如何设计创意二维码_
红色区域:位置探测图形,用于标识二维码面积大小
蓝色区域:定位图形,用于标识二维码x和y轴的走向
绿色区域:校正图形,也是定位用的
剩下的区域都是存储数据的!就这么简单!

 

二维码,如何设计创意二维码_
设计一个流弊的二维码你最需要知道的是——
没有捷径!没有捷径!没有捷径!
重要的事情说三遍
不会有软件帮你生成这样的二维码,所以我们能做的就是,一点一点的去画。
首先,你需要一个good idea
创意是一切设计的灵魂,在设计二维码的时候也不例外。先在脑海中形成具体的构思,然后把它以视觉呈现出来。
以下有几种创意方法可以参考:
1.色彩表现法

 

二维码,如何设计创意二维码_
2.局部遮挡法

 

二维码,如何设计创意二维码_
3.元素嫁接法

 

二维码,如何设计创意二维码_
4.整体造型法

 

二维码,如何设计创意二维码_
5.场景再造法

 

二维码,如何设计创意二维码_
描一描,画一画
创意是一切设计的灵魂,在设计二维码的时候也不例外。先在脑海中形成具体的构思,然后把它以视觉呈现出来。
具体操作方式就很简单了,有点像玩秘密花园填色本。
以用photoshop为例,把原始二维码放在下层,在上面新建图层,把你的创意对照原始二维码的样子画下来就ok了。

 

二维码,如何设计创意二维码_
测试测试再测试
设计好的二维码再好看,如果不能被识别也毫无意义,好好测试一下自己的作品,不要几个小时的心血白费了。
尽可能用手头的所有平台测试吧,iphone4-iphone6s,安卓的各个机型,试试看长按图片能不能识别……
不同的设备识别二维码的能力是不一样的。LZ就发现安卓平台的手机在识别度上似乎的确比ios差那么一些。(我就是黑安卓!怎么样!)

 

二维码,如何设计创意二维码_
1.关注色彩对比度

 

二维码,如何设计创意二维码_
? 原始二维码采用黑白两色,是因为黑白对比度最高。因此0、1两个代码的色彩对比度越高越容易被识别。将设计好的二维码去色后检查不失为一个好的办法。
? 你可以用任何自己喜欢的颜色创作二维码,可以用对比色代替黑白方块,尽管有的对比色在去色以后灰度值是相近的。
2.栅格的形状
?二维码的基本结构是矩阵,组成矩阵的最小单位是1栅格。
?每个栅格的形状可以不规则
?1栅格中至少78%的面积必须被填满(我自己算的,但愿没算错……)

 

二维码,如何设计创意二维码_
3.不可以反白
?白色栅格代表编码0,黑色栅格代表编码1。反白后编码就会错误,无法识别

 

二维码,如何设计创意二维码_
4.善用容错机制
?当原始二维码的图案无法满足创意需要时,可以利用二维码的容错机制,增加或删除一些栅格,甚至可以遮挡部分图形。

 

二维码,如何设计创意二维码_
5.找bug先从位置探测图形入手
?二维码的位置探测图形非常重要,必须要被清晰而明显的表现出来。
?如果你的设计无法被识别,尝试提高位置探测图形的对比度

 

二维码,如何设计创意二维码_

 

二维码,如何设计创意二维码_
好了,以上说了辣么多,希望能对大家的创作起到帮助!
最后,展示一组我们团队设计的创意二维码~

 

二维码,如何设计创意二维码_

 

二维码,如何设计创意二维码_

 

二维码,如何设计创意二维码_

 

二维码,如何设计创意二维码_
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计创意二维码的制作教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚制作教程了吧,那么各位就快去按照小编分享的自己制作下吧。
[!--infotagslink--]

相关文章

  • Photoshop制作雨中野外孤独行走的一头牛海报教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程,各位想知道具体制作方法的使用者们,大家就快来看一看小编给...2016-09-14
  • php生成二维码中文乱码问题解决方法

    最近做了个扫描二维码得到vcard的项目,遇到一个问题,有一部分生成完的二维码,用android系统手机扫描后得到的vcard中的中文姓名是乱码,经过比对发现,这部分vcard中ORG这个...2016-11-25
  • photoshop想象力无边界超现实合成图鉴赏

    今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图,各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
  • photoshop简单制作一个搞笑的换脸表情包教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看教程吧。...2016-09-14
  • photoshop合成爱丽丝漫游仙境的小人国场景制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程,各位想知道具体的合成制作方法的使用者们,那么各位就快来...2016-09-14
  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • photoshop给手绘画调色变换场景后期教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程,各位想知道具体后期处理步骤的使用者们,那么大家就快来跟着小编来看...2016-10-02
  • Photoshop古装美女图片转为工笔画效果制作教程

    今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程,各位想知道方法的使用者们,那么下面就快来跟着小编一...2016-09-14
  • photoshop用各种素材合成闪电侠效果制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来跟着小编一起看...2016-09-14
  • Photoshop火龙变冰龙制作教程分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程,各位想知道具体的制作步骤的使用者们,那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
  • photoshop制作延时摄影城市照片效果教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程,各位想知道具体制作方法的使用者们,那么就快来看看教程吧。 给...2016-09-14
  • photoshop画斜线/直线/虚线的入门级教程

    这篇文章算是超级入门级别的了,我们下面来给各位介绍在photoshop画斜线/直线/虚线的教程了,希望下面这篇文章给你入门来帮助。 PS怎么画斜线 选择铅笔工具,或者画笔...2016-09-14
  • Photoshop打开PSD文件空白怎么解决

    有时我们接受或下载到的PSD文件打开是空白的,那么我们要如何来解决这个 问题了,下面一聚教程小伙伴就为各位介绍Photoshop打开PSD文件空白解决办法。 1、如我们打开...2016-09-14
  • photoshop制作菱形编织图案的无缝纹理背景教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说制作菱形编织图案的无缝纹理背景的教程,各位想知道具体制作方法的,那么下面就来跟着小编一起看一看吧。...2016-09-14
  • photoshop打开很慢怎么办 ps打开慢的设置技巧

    photoshop软件是一款专业的图像设计软件了,但对电脑的要求也是越高越好的,如果配置一般打开ps会比较慢了,那么photoshop打开很慢怎么办呢,下面来看问题解决办法。 1、...2016-09-14
  • photoshop设计暗红色金属文字效果制作步骤

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计暗红色金属文字效果的制作步骤,各位想知道具体制作步骤的使用者们,那么各位朋友们就快来跟着小...2016-10-10
  • Photoshop功夫熊猫电影海报制作步骤分享

    不知不觉功夫熊猫这部电影已经出到3了,今天小编在这里要教大家的是用Photoshop制作功夫熊猫3的海报,各位想知道制作方法的,那么下面就来跟着小编一起看看吧。 给各...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • Photoshop枪战电影海报图片制作教程

    Photoshop的这一款软件小编相信很多的人都已经是使用过了吧,那么今天小编在这里就给大家带来了用Photoshop软件制作枪战电影海报的教程,想知道制作步骤的玩家们,那么下面...2016-09-14
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02