艺术二维码设计与制作完全攻略 PHOTOSHOP+ILLUSTRATOR+FLASH

978-7-115-45741-7
作者: minor
译者:
编辑: 赵轩

图书目录:

详情

本书基于PS、AI和FLASH三款工具,详尽地介绍了设计和制作各类创意二维码的技术原理和操作步骤,其中既包括简单实用的静态平面艺术二维码,也有酷炫精彩的立体动态二维码,只要读者遵循书中的步骤去练习,就能掌握制作艺术二维码的方法,并从中获得乐趣。

图书摘要

版权信息

书名:艺术二维码设计与制作完全攻略 PHOTOSHOP+ILLUSTRATOR+FLASH

ISBN:978-7-115-45741-7

本书由人民邮电出版社发行数字版。版权所有,侵权必究。

您购买的人民邮电出版社电子书仅供您个人使用,未经授权,不得以任何方式复制和传播本书内容。

我们愿意相信读者具有这样的良知和觉悟,与我们共同保护知识产权。

如果购买者有侵权行为,我们可能对该用户实施包括但不限于关闭该帐号等维权措施,并可能追究法律责任。

• 著    minor

  责任编辑 赵 轩

• 人民邮电出版社出版发行  北京市丰台区成寿寺路11号

  邮编 100164  电子邮件 315@ptpress.com.cn

  网址 http://www.ptpress.com.cn

• 读者服务热线:(010)81055410

  反盗版热线:(010)81055315


本书基于Photoshop、Illustrator和Flash三款工具,详尽地介绍了设计和制作各类创意二维码的技术原理和操作步骤,其中既包括简单实用的静态平面艺术二维码,也有酷炫精彩的立体动态二维码。只要读者遵循书中的步骤去练习,就能掌握制作艺术二维码的方法,并从中获得乐趣。


为什么要写这本书呢?说来你可能不信,因为我自己都不信……

在艺术二维码世界里自嗨了将近一年,突然有一天,偶遇一高人,他说,小姑娘,我看你骨骼清奇,是写书奇才呀,要不要出一本书?当时的我一脸错愕,内心忐忑,身为蒙古人,从小说一句完整的汉语都费劲,怎么还能写书呢?但是我鬼使神差地答应了。

我在2015年开始接触艺术二维码。因为我是一个脑洞比较大、喜欢制造各种惊喜和浪漫的人,在尝试制作玩偶、服装,做H5动画,制作微贺卡,作图,绘画,做表情包之后,突然在某天发现了艺术二维码这种有趣的表现形式,于是开始各种研究。

艺术二维码的世界深似海,一直深深吸引着我。至今,为了研究艺术二维码,做出有创意的作品,熬夜成了家常便饭。

以前,我以为自己是一颗仙人球,没有让人羡慕的花朵,没有多姿的身躯,虽努力生活却也默默无闻。因爱好而生活,我才发现自己虽不是武侠小说中的世外高人,有绝世武功,但我也有自己的闪光点——助人为乐。感谢身边的每个人,你们的发掘和鼓励,是我前进的动力。感谢码眼团队的每个小伙伴,因为有你们,码眼无界艺术二维码设计服务平台,我才可以缓慢地行走,才有进步。感谢@我是神经病,一个我崇拜的设计大神。感谢技术大神小春,感谢温柔善良的大青、喻欢。感谢赵轩无私的帮助和鼓励。感谢袁晓飞一直默默的陪伴。感谢这一路走来,给我温暖的你们,也许你们已经不记得我是谁、对我有过哪些帮助,但我一直记得你们的好。希望我用心整理的文字可以帮助读者朋友们。初次写书,有很多不足之处,希望小伙伴们谅解。

每种风格艺术二维码使用场景都不同,此书中部分二维码因客户要求仅限线上使用,所以线下印刷可能会影响识别,所以如果想看更多艺术二维码,可以关注我的公众号(ID:minor-one)。

当上帝给你关上一扇门的时候,那么,麻烦请把窗户也关上,我比较喜欢在安安静静的环境下设计二维码。


嗨,初次见面,我有点懵……

曾几何时,艺术二维码华丽地出现在了人们眼前,让人猝不及防,眼花缭乱。记得在2012年,我还在明亮的教室学着C语言,也许正在那段时间,艺术二维码开始流行起来的。

爱美之心,人皆有之,二维码也不例外,它拼命摆脱了传统单调的黑白色调,摆脱了束缚它的正方形。说变就变,变得让人赏心悦目,心情愉悦。关于二维码的前世,很冗杂,后面会有讲解,而在这里,让我们单纯地去欣赏它。

一千个读者,一千个哈姆雷特,同样艺术二维码也没有准确的定义和定位。有人说它是个性二维码,有人说它是创意二维码,还有人说它是艺术二维码,其实这些称呼都无关紧要,你觉得它是什么,它就是什么,毕竟想要实现某一个愿望,就要从确定并相信它开始。

二维码的前身是条形码。不知大家有没有看过tango(微博红人漫画家)的漫画,其中就有一幅描写了条形码是如何失足变成矩形二维码的漫画。条形码是由数字和字母组成,只能在一个方向上表达信息点,是物品的一种标识,早已在各行各业广泛应用。

不同宽度、不同间隔的条形码,主要是来表达商品信息的。平时我们在超市货品上就能见到条形码,它记录着这个商品的货号和价格,而不保存物品的描述。其实不管在国内还是国外都有很好看的条形码设计案例,但是因为它本身的属性、定位和应用场景的局限性,使得它不能走进广大群众的生活,只能成为一种特殊的工具。

而随着互联网和科技的高速发展,条形码的使用受到了较大的限制,人们需要存储更大、更多样化信息的二维码,于是矩形艺术二维码便带着不可辜负的使命出现了。矩形二维码有高密度、高可靠性的特点,所以可以用它来表示图像、文字、语音和链接等。它的应用领域也越来越广,迅速地进入了我们每一个人的生活中。

艺术二维码最早可能是在2012年出现的,或者是更早。当时的艺术二维码还算不上艺术,没有艺术特质,只能说是彩色二维码,因为除了颜色,样式上没有任何改变。在2013年至2014年,还出现了三维码,但其整体形态,远不如现在的艺术二维码美观。艺术二维码,是谁第一个发现的?这个源头难以找到(因为它最早的起源也不明确)。设计师们都是在前人的基础上,一步一步完善自己的作品,所以,每过一段时间,你就能发现让人耳目一新的作品。到现在,大家所看到的二维码无论从形态基调,还是整体风格上,越来越艺术化,同时也越来越有价值。

任何一样东西的出现,都是一个趋势使然。传统普通的黑白二维码,已经无法满足人们日益增长的审美需求,所以,艺术二维码华丽地出现在我们眼前,并用事实证明了它本身的价值。

在多元文化共存的当今社会,单一的黑白二维码无法满足人们日渐增长的审美需求,促使二维码向艺术化、个性化、创意化和价值化方向发展。

在互联网的舞台上,二维码从来都不是配角。二维码是互联网的窗口,是连接线上和线下的桥梁。艺术二维码不仅拥有普通黑白二维码所有价值,它更能助力企业的营销推广和品牌建设。于是,有眼光的企业为了一个艺术二维码,甘愿一掷千金。

作为设计师,你掌握了本书中介绍的方法后,就可以将原本严肃呆板的黑白像素二维码,转化成诙谐有趣的艺术创意,为品牌赋予艺术,让艺术实现营销,使受众群体获得更为独特的体验。

具有独特外观和风格的艺术二维码,可以向大众传递其本身想要传达的信息。一个设计精良的二维码本身就是“能说会道”,能够快速吸引目标用户,并引导用户扫码。

艺术二维码融入企业标识,强化品牌建设,融入文化特质,彰显企业底蕴,融入行业元素,展现企业风采,融入宣传口号,扩大企业声音,融入动态效果,让品牌生动饱满。

如第一张腾讯天天快报,这个二维码加入了企业吉祥物——呆萌鸡。第二张滴滴快车,加入了当地特有的地标性建筑,第三张加入了企业logo。我们通过欣赏这几张艺术二维码,可以更直观了解这几个企业品牌特征。如快报是提供咨询类服务;滴滴快车是提供交通类服务;码眼无界,专业为各大企业提供艺术二维码设计服务。

艺术二维码的应用领域也比较广泛,可以做线上载体,放在微信公众号底部,可做APP下载链接,微店链接,手机锁屏等;同时,它也可以在线下做载体,例如可以做户外广告,印刷杂志、书籍、公司VI手册、名片海报等;也可以用于公司用品,如文化衫、包装盒、一次性纸杯和纸袋等。

名片设计

公司周边设计

海报易拉宝设计

户外广告设计

每种风格的艺术二维码,它的应用场景也是有所差别的,有的适用于移动端,有的适用于PC端,有的适用于印刷。根据不同的场景,我们要考虑它的容错率、信息点的处理方式、色彩和尺寸等问题。

传统的黑白二维码,无论是形态还是配色,一直处于一个被动的状态,仿佛在渴望被他人扫码,连同“长按识别”功能,往往越是这样,大众扫码的概率也就越低。而艺术二维码展现在眼前,便可以通过它的外观样式以及场景了解它是什么样的二维码,知道它所携带的信息,直观地了解到这个信息是否是你感兴趣的或者是否和你相关。所以无论出于好奇,还是出于欣赏,大家普遍都会主动扫码或长按识别。从刚开始的被动状态到主动状态 ,这里有一个质的改变。

一个好的艺术二维码作品,它的价值颇高,目前的价值,可以(可能要)与企业logo相媲美啦。

一个极品艺术二维码的作用,不仅是艺术、个性和创意,它更是有价值的。它的价值体现在既能为企业带来不可估量的营销价值、品牌建设,还能为企业受众群体带来美的享受,并且还能为设计师带来丰厚的回报。那么可以抛出一个问题,我们为何要学习艺术二维码设计呢?

毋庸置疑,艺术二维码首先是有价值的,它可以让一部分人先富起来,也可以让一部分人先酷起来,还是以上述3个案例来说明。腾讯快报艺术二维码、滴滴快车艺术二维码、码眼无界二维码,其价值都在数万。

其次,出门在外,你需要一门技术在手。在职场,你可能混了三四年,没有一件拿得出手的硬技术,可能分分钟就会被代替。与其抱怨自己没有存在感,不如闭门苦练一门绝技,不但可以获得同行的认可,还能收获意想不到的果实。O2O风口之下,无论是出于个人喜好,还是迫于工作需求,设计师都该掌握这项技能。

艺术二维码设计是一个新兴的领域,二维码无处不在,但是艺术二维码屈指可数。由于普通的二维码已经培养了足够多的用户群和用户习惯,所以艺术二维码的出现,让二维码身价翻倍。 在我钻研艺术二维码的这段时间里,据我所知,会设计艺术二维码的设计师,目前全国不足两千人,靠其盈利的设计师会更少,而顶尖的艺术二维码设计师更是凤毛麟角。所以现在的状况是二维码设计师紧缺,单子却非常多,市场处于一个供不应求的状态。造成这个现状的原因之一,就是目前知道二维码原理的人比较少,会设计得更少。

二维码行业其实和所有的设计行业一样,也是一个艰辛的行业,耗时、耗力、耗心。同时,二维码行业和其他行业又不同,它让你在设计道路中,不说受到万众瞩目,但受到千众瞩目也是有的。这个世界需要好的设计,需要好的情感表达,二维码亦如是。希望大家能够脑洞大开,把二维码玩出一个新高度。

艺术二维码的价格要与设计师付出的时间、精力成正比,跟企业需求成正比。

艺术二维码从价值上来说,分为商业艺术二维码和个人艺术二维码。商业二维码面向甲方客户,根据客户的需求和目标,因此设计师需付出的时间和精力是很多的。此外,设计师需要了解广告策划、品牌建设和营销知识,有这样或那样条条框框的限制。相对来说,个人艺术二维码的设计比较自由。怎么做,怎么玩,完全看个人心情,只要你开心就好。

商业二维码

个人二维码

艺术二维码既可以是定制的,也可以由模板生成。定制二维码一般用于商业机构;而模板艺术二维码,就不会像定制那么复杂,设计师只要设计好几个元素,并上传到码眼无界官网瞬间就可以一键生成任意内容,拥有高效率、可持续性、不限制次数等优势。

定制二维码

模板二维码

艺术二维码既可以是正向的,也可以是反向的。所谓正向艺术二维码,就是我们看到的,普通黑白二维码。关于反向艺术二维码你可能会存在疑问,没有关系,后面我会详细讲述反向艺术二维码的所有信息,就是需要你带着疑问继续往下阅读。

正向艺术二维码

反向艺术二维码

艺术二维码既可以是静态的,也可以是动态的。静态,就是不动的。动态的,就是艺术二维码中的元素可以实现移动、旋转、变形或变色等动作。

静态二维码

动态艺术二维码

艺术二维码既可以是平面的,也可以是立体的。插画风、细线风、扁平化,天上的星星有几颗,平面设计就有多少可能;童话风格、错位视觉,以及更具创意的立体二维码,等着你们创造呢。

艺术二维码还可以做成名片、锁屏画面、微信公众号二维码、海报以及易拉宝扫码入口等。

平面艺术二维码

立体艺术二维码

公众号艺术二维码

锁屏艺术二维码

名片艺术二维码

二维码的尺寸大概也就这几种:名片尺寸(900px×540px)、锁屏尺寸(1920px×1080px)、网页尺寸(800px× 980px)、自由尺寸等。

据说仅仅一年的光景,已如雨后春笋般出现了很多风格的艺术二维码,如童话城堡风格、线性风格、插画风格、毕加索风格、别墅风格、沙滩风格、扁平化风格、机械风格和mbe风格等。

自从与艺术二维码结识之后,每天叫醒我的再也不是梦想,而是客户拼命催单的电话。

喂,同学,你的二维码可爱得有点过分。经常会被夸赞,可惜夸的不是我,而是我的艺术二维码。我经常会在二维码里写下一句话,发给小伙伴们,当他们扫出来之后,有时会被逗乐,有时会被萌到,也有时会被暖到。

二维码的呈现方式也是多种多样,极为丰富。二维码扫出来的内容可以是以文本,链接(如网站链接、APP链接、音乐链接、H5小游戏链接、微信公众号文章链接等),名片,图形,语音等方式呈现。还有一种呈现方式更高级,叫活码。所谓活码,是指同样一款二维码,扫出来的内容不同,而且内容可以多变。厉害了,我的二维码!那么如何制作活码,如何让二维码变成我想要的内容呢?登录码眼无界就可以马上生成艺术二维码。这个网站如何用,后面我会详细讲述。

其实在任何场合,任何一个工具,都可以用来制作艺术二维码。糕点师可以在蛋糕上用果酱制作艺术二维码,顾客看到会不会开心一笑?理发师可以用剪刀在顾客的头上制作艺术二维码,注意别轻易尝试,挨打不关我事哦!园艺师可以用手上的工具在花花草草上制作艺术二维码,创意又美观。烟花也可以绽放为艺术二维码,转瞬即逝,拍下来扫一扫,会出现怎样的惊喜?

数位板、PPT、手机绘画软件都能制作艺术二维码,但过程比较繁琐,不提倡。这里主要讲如何用Photoshop、Illustrator、Flash等工具制作艺术二维码。

二维码设计看似受限较多,但一旦掌握了它的原理,它就可以变得完全不受限制,任你发挥创意。


当你遇到一个不喜欢的二维码,会怎样?

心跳不快,没有热情澎湃……

那遇到喜欢的呢?

慌慌张张,匆匆忙忙,恍恍惚惚……

二维码又称QRCode,即 QuickResponse码,是近几年来移动设备上非常流行的一种编码方式,它比传统的BarCode,即条形码能存更多的信息,也能表示更多的数据类型。二维码属于二进制编程,黑色部分代表1,白色部分代表0。0和1,在我们以后制作模板艺术二维码的时候至关重要。

艺术二维码=可识别+美观+价值。如果识别不了,二维码做得再天花乱坠,也毫无意义。如果想死磕二维码,那么请让你那颗心做好随时崩溃的准备,因为我们都是这么苦过来的。

这一章节我们学习的目的是让二维码达到可识别的效果。

你们看到二维码,有没有这样一个疑问,为什么二维码的顶点有三个框?它有什么作用,它怎么会长这么胖?

比较突兀的这三个框,是定位框,具有定位作用。下面一个小的方框,也是小码眼,同样具有定位矫正作用。这四个方框,我们统称它为码眼,我的公司名——码眼无界,也是根据这个而来的。

码眼

码眼是二维码最重要的部分,它具有定位的属性,对每个二维码来说大小规格会有所差异,但是只要存在码眼,那么它的位置就是相对固定的。程序在识别二维码的时候,就是基于码眼来判断是否存在二维码,并对二维码进行信息的读取。因为码眼的存在,能让程序感应到这里有个二维码。因为码眼的存在,二维码无论正摆放还是反着摆放还是旋转都是不影响识别的,有时候我们为了和场景更好地进行结合,就会对二维码进行旋转或者对称翻转。

在绘制码眼的时候,理论上是填充面积要在80%以上才能识别,注意前期,初学者用低明度的颜色来绘制,什么是低明度,就是深一些的颜色。

码眼填充面积

那么在知道了码眼的重要性之后,我们来讲一下二维码的内部构造。

除了码眼以外,剩下的区域,我们称之为信息存储区,顾名思义,就是用来存储二维码内部携带的信息。

在信息存储区当中,一个黑色方块是一个单位,为了便于设计与制作,我们人为地将其规定为50px×50px。为什么是50呢?因为再小肉眼就看不清了,而再大,就占内存。我们是经过不断测试之后,才决定使用这个尺寸的。在规定好黑色方块的大小和单位以后,我们才能判断之后绘制的元素大小和单位。这是一个循序渐进的过程。码眼是由横竖各7个小黑色格子组成,宽高都是50px×7px。

在绘制信息存储区域的时候,理论上是一个黑色方块填充面积要在20%以上才能识别。

单元格

码眼

白色信息存储区域,指的是图片中二维码白色部分。我们也可以称之为二维码背景区域。

白色信息区域作用和黑色信息区域一样,也是用来存储信息的。白色信息存储区域的填充颜色一般选用高明度的浅色,就是用亮亮的颜色绘制。太深的颜色会影响整个二维码的识别。记得一点,只要二维码白色信息区域和黑色信息区域有一个鲜明的对比,那么这个二维码就更容易识别。

背景区域

二维码的形状为什么可以多变?为什么可以用各种元素去替代方块?因为我们发现二维码不仅颜色可以丰富多彩,形状也千奇百怪。那为什么原始的黑白二维码在改变了形状以后还可以识别呢?这里就涉及信息点的概念。

在二维码内部信息存储区域,每一个单元格中心都有一个信息点,我们在上面替换元素的时候必须保证元素覆盖住这个信息点的中心。

信息点

如图所示,这个黑色小方块代表二维码中一个黑点的比例,蓝色的代表我们要覆盖上去的素材,那么可以看到这个信息点是在方块正中心的。同样这个素材也是正中心覆盖住信息点的。图二虽然覆盖了方块的某一部分,但不是中心覆盖的,这样是不可以的,会影响到程序对信息点的一个判断,从而影响识别。

那么中心区域的范围需要覆盖多少,才能达到识别的作用呢?这里就有一个明确的区分了。内部信息区域,信息点的覆盖范围需要达到20%以上;而码眼的覆盖范围,一般来说则要达到80%以上才可以。

说完中心覆盖的问题,接下来我们说说信息点的大小问题。一般来说,信息点会比信息携带区要小很多,我们建议初学者在绘制信息点时,大小控制在25个px,也就是说信息点圆的直径为25px。

那么这些信息点的最小限制呢?经过我的测试,直径8px以下就会导致识别度大幅下降了,而且再小的话,肉眼就不可见了。同时我们需要根据使用的场合来选择合适的信息点尺寸。例如,二维码的使用场景是移动端手机扫描,而不是长按识别,那么过小的信息点可能难以被相机识别,这个时候我们就应该选择比较大的信息点对中心覆盖。只有正确覆盖住信息点才能让二维码准确识别。

毕竟第一回设计艺术二维码,成功最关键,可以来提高继续学习的积极性嘛。

容错率的概念,从字面意思上理解,指的是二维码能够容纳错误的能力。说通俗点就是二维码有一定的错误修复能力。有时候二维码是很宽容的,在绘制出错时,它也可以理解并包容你。但前提是你别错得太离谱、太过分。

二维码的容错率可分为L、M、Q、H4个等级,分别表标为7%、15%、25%、30%。如图所示,从上往下4张二维码图片,扫出来的内容是一样的,但图片表现形式差那么多,是因为容错率在捣鬼。

容错率越高,二维码人为可遮挡的面积就越大,二维码本身需要携带的信息就更多,从而二维码图案复杂度就越高。二维码越密集(潜台词就是丑),容错率越高,识别率就越高。高容错率的二维码,如微信公众号底部的二维码,就算遮挡中间一部分,依然可以识别。

但是高容错率二维码看上去拥挤、繁琐,观赏性低,所以不建议使用高容错率的二维码进行绘制,个别案例除外。

相反,容错率越低,识别率相对低。但是低容错率的二维码看上去清爽、简洁、舒服,也容易设计。 所以绘制艺术二维码时,优先考虑生成低容错率的二维码。

一个艺术二维码,我们可以根据应用场景来选择它容错率的大小。一般印刷使用高容错率二维码;移动端和PC端,普遍用低容错率二维码。具体还是根据使用场景,从而要求二维码容纳错误的能力。

容错率越高,识别率越高,二维码人为可遮挡的面积就越大,从而二维码图案复杂度越高。如图所示,中间内部去掉一部分,完全可以识别。


相关图书

Adobe Photoshop CC 2019经典教程(彩色版)
Adobe Photoshop CC 2019经典教程(彩色版)
从零开始 UI图标设计与制作 第3版
从零开始 UI图标设计与制作 第3版
Cinema 4D+Photoshop电商海报设计案例教程
Cinema 4D+Photoshop电商海报设计案例教程
Adobe Photoshop CC 2018经典教程
Adobe Photoshop CC 2018经典教程
UI设计基础培训教程(全彩版)
UI设计基础培训教程(全彩版)
Photoshop人像摄影后期处理技法100问
Photoshop人像摄影后期处理技法100问

相关文章

相关课程