对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成配色的方法么?当然有,那就是本期教程我要推荐给大家的这款配色工具:Adobe Color。当然这个工具大家都不陌生,因为它出自 Adobe 之手,而之所以要将它做成一期教程,一方面是因为虽然很多人知道这个配色网站,但是往往都是收藏起来作为摆设;另一方面即使有的人会用到它,但使用的方法不对,没有将这个配色网站的价值发挥到最大。所以这期教程就让大家彻底了解它的用法,以便在你的配色能力还没有达到游刃有余之前,能够帮助你快速创作出优秀的配色。
这是 Adobe 官网对于 Adobe Color 的概括介绍,它是一个基于网络的应用程序和创意社区,提供免费的色彩主题,全世界的设计师都可以在这里创建和共享颜色与灵感,并且在 Adobe 相应的软件中也提供了扩展程序,比如我们常用的 Photoshop 和 Illustrator。但是,想要了解这个工具光看这些文字说明是不够的,还是需要通过实际操作去了解。
进入 Adobe Color 网站,显示的就是这个页面,当然这个页面中提供的颜色是随机的,所以大家进入这个网站的时候首页显示的未必是这组颜色。
我们先来看右上角这部分,因为我们并不是单纯的去介绍这个网站,所以我会挑重点去讲,一些不重要的功能一带而过。第一个按钮我们之后会讲,我们先来看第二个按钮是干什么的。
当我们鼠标停留在相应位置上时会弹出文字提示,这个按钮的功能是「切换主题」,我操作一下大家就明白是什么意思了。
也就是很多软件都会有的一个功能:日间模式和夜间模式,简单的讲就是在白色背景和黑色背景之间切换,至于选择哪个完全看个人喜好。
然后我们再来看它右侧的这个问号图标,它是「说明」。
点击后会进入官方提供的说明页面,感兴趣的同学可以自己看一下,不过这里都是简明扼要的文字,如果你看完了这期教程的话,不去看它也是可以的。
返回首页,我们看右上方的文字,这里说明了两件事:第一件事是告诉我们如果想要储存这些颜色,首先需要有一个账号;第二件事是说,在 Photoshop 或 Illustrator 等软件中也是可以使用 Adobe Color 的,而本期教程我们主要是以网页版来进行讲解,因为使用的方法都是一样的,而网页版的功能更多。所以想充分利用好这个网站,首先需要创建一个账号,点击「登入」或「储存」都会跳转到建立账户的页面。
建立账户有一个细节很关键,但是不方便在这里讲,我会放在课后的练习文件中,大家下载练习文件的时候可以留意一下。
创建完账户之后就可以登陆上去了,这时右上方的界面已经发生了变化。
首先是储存的位置问题,画面中的这些是我的账号创建过的名称,可以通过最下方「建立新资料库」来命名,这个是很自由的没有什么标准,可以按照自己的方式来分类和命名。
然后是为你想储存的这组色卡命名,这里我就随便填了一个「演示」。
还可以为你的色卡添加「标签」,添加标签是为了方便通过关键词查找,可以直接选择系统提供的,也可以自己填写,这里我就选择了一个系统提供的「Green」和自己添加的「蓝绿」,标签用英文和汉字都是可以的。
然后我们看下方有一个「发布至 Color」,现在是点亮的状态,选择点亮状态发布你的这组颜色就进入到了全局色彩库中,也就是共享的状态,别人是可以看得到的,如果只想自己能看到,那就把它关掉。
然后点击储存,储存好了之后右下方会弹出一个提示窗口,如果想查看你储存的这个颜色可以点击「检视」,就会进入到这组颜色的界面。
如果想查看你储存的所有颜色,可以点击顶部的「我的资料库」,这时就可以查看你储存的所有颜色了。
大家可以看到,这些都是我之前储存的一些颜色分组,这里可以选择资料库的排序方式,现在是默认的按照「上次修改时间」来排序的,你也可以选择按「名称」来排序。
刚才那组颜色我们储存在了同类色这里,我们打开同类色,大家可以看到,第一个就是我刚刚储存的那组颜色,后面的是我之前储存的一些。
我们点击刚刚储存的这个色卡,就会跳转到这个色卡的页面,当我们鼠标移动到相应的颜色上时,就会出现复制的字样,单击一下就已经复制这个颜色了。
这时我们回到设计软件中,打开色板,「Ctrl+V」就粘贴进来了,就是刚刚我复制的那个绿色。
如果想同时复制这五个颜色的话,我们看右侧这里,提供了很多下载或复制的选项,其中对于设计师前两个是比较常用的,后面一些涉及到代码和计算机语言,如果你的工作会用到也可以使用,如果是平时作为设计取色的话,用前两个就可以了。
我们先来看第一个,「ASE」是一种色彩文件格式,主要针对于 Photoshop 或 Illustrator 这类设计软件。
我们打开 Photoshop,点击色板右上角,会弹出一个下拉菜单,点击「载入色板」,选择刚刚下载的这个文件,这时我们会发现这五个颜色就进入到色板当中了。虽然这是一个比较好的方式,但是我个人平时不太用,只是给大家提供一个选择。
而我个人平时还是比较喜欢直接一点的,「下载为 JPEG」,然后拖到软件中直接用吸管吸取。
下载下来之后是一个图片,打开后是这个样子的,因为图片质量还是很高的,所以直接吸的话也不用担心会出现色差。
吸取之后就可以应用了,比如这里我们就用这组颜色来填充这个插画图形。当然了,针对这个插画图形这组配色还是可以的,比如树木用绿色,房子用蓝色,但是大家平时在工作的时候还要考虑设计的内容,尽量在前期就挑选符合的色彩组合,而不是盲目的填充。
刚才我在储存这组色卡的时候没有选择发布,进入到色卡界面中也是可以随时选择发布、编辑、删除的。
同样,「名称」和「标签」也可以随时更改。
然后我们会看到下方还有两个可以点击的地方,我们先来看「潘通配色」。
点击后会出现和这组颜色最接近的潘通色,同样也提供下载。
最后是「色彩模式和代码」,点击之后会出现这组颜色的色值,总共有四组,也就是我们平时常用的四种色彩模式。以上就是我们在 Adobe Color 上储存颜色的一个流程,操作上很简单没什么难度,但是大家要知道重点不是为了教大家这个方法,而是大家学会了这个方法之后,建立属于自己的色彩库。
下面我们回到主界面,这部分可以算是这个工具的一个应用核心了,大家可以看到最上方有一个色轮,色轮下方有五个颜色。
其中中间的这个颜色上有一个三角形符号,这就代表了这个颜色是作为主色和基色的,当你调整的时候,其他颜色是围绕它来变化的。
色块下方是色彩模式,也是四个:RGB、CMYK、HSV、 LAB。
现在是「RGB」模式,右侧对应的就是可以调节的滑杆,只不过跟我们软件中不同的是,这里多了一个亮度的选项,方便调节。
我个人平时喜欢使用的是「HSV」模式,也就是 「HSB」,如果看过我之前教程的同学就应该知道,我是极力推荐使用「HSB」模式的,因为它最符合人眼的视觉感受,色相、纯度、明度一目了然,所见即所得。
大家可以看到这里现在选择的是「自订」,相当于自定义模式,在这个模式下,你是可以随意更改调整颜色的。
调整颜色可以直接在色轮上拖动调整,也可以拖动下方的滑杆,或者是手动输入色值都可以。
除了自订这里还提供了很多色彩搭配组,官根据基确谐衡搭,换句,供颜则搭问题。
先「类」,讲「类」,供颜, 择相应搭模,论改变哪颜,它规则变。
颜应,报演示,类效。
「」,择模,论改变相,相模,基基础纯变。类,相变,类相左右弱变。
取组卡报填充,效。
「群」,,相 360 , 120 。仅改变相,改变纯,圈纯,往收降低纯。相系需考虑纯,它相,群,论收缩靠,它系仍群系。
填充组颜,群系,效相。
「补」,,「互补」,虽供颜,相互补,颜补纯变。
组颜填充,补效烈。
「割补」,叫「裂补」,颜它互补颜搭,相。虽幅,,则已割补,割补,议使它供默认。
将组割补取填充,效。
除割补「割补」,割补基础增基颜,效割补,需相况,需颜,使割补,颜够,改变效,使割补,增颜距离基,相相并,效改变。
割补,纯搭,视效烈、刺激。
「形」,,从含义够思,相择形端颜,形。形,颜乱,彼此距离相,效显衡。
填充,效。
「复」,相先择补,补择颜,颜半球,形效补,半球类,变,,烈冲突。
填充,效。
「浓」,相纯变,它规,改变相纯变。模,纯变,浓模变。
效并案,使 Adobe Color 供颜填充,并任何论考,目展示效,途供案,使需考虑,胆,根据视效择符并观案。
轮介绍 ,「撷取题」。
「撷取题」页,写从抽取颜,并将另存盘,传图,它取图颜形卡,卡使储存。
报例,击传。
操烦拖,拖已取卡。
左择模,模根据黑及。
模、亮模、柔模、深模、暗模、,取效图身系,取哪模根据需求。
吸取颜,,吸哪吸哪。
取图颜,返轮,轮界显示取组卡,存资库。
「撷取题」右「撷取渐」,传图取颜,渐变形,默认颜,相应息。
左改变渐变数,颜。,款,它虽供搭案,留空。渐变储存资库。
「撷取渐」右「协」, Adobe Color 增功,它检测颜,针盲群。
组颜。它叹,示 A、C、D 冲突。
况组颜妙异,它模拟盲眼组颜,盲群眼 A、C、D 颜。
盲群表示,需组颜,绿,即使盲眼,颜够,协。
「协」右「游戏」,「立」,供游戏。
始闪烁,结束按序击颜,,,此类,简玩,。
「搜索」,搜索页供取颜图,图,摄,,轮播图供,潘流、Adobe 、Adobe 端 APP 。
供搭,展示页。
左供键词搜索功,颜搜索,输象或抽象词搜索,键输。
搜索「」,相图卡。
搜索「」结。
抽象或词,「」,它相图。
筛,况择「」。
某图或卡,鼠标移它,弹项,储存资库,载。
击界,操,始讲,图,图击,击它始址。
搜索功图它址。
界,眼,「相」图标,虽眼,它功,传图搜寻类似题。
图例。
传图相图,它识,基或、摩托,,,功使。
「趋势」,「搜索」质,供图,它供类。
、图形、插图、互、筑、游戏、荒野、、,图库 Behance Adobe Stock。
,组存载。
页,图。
,它 Behance 界, Adobe Color ,延伸。
案,从 Adobe Color 颜填充,。
△ 载链:https://pan.baidu.com/s/1UsHPekAEDk6NFljW33EMGw 取码:roni
本期教程中的案例,我会为大家提供下载链接,大家下载下来之后可以当作一个配色练习,同时这里还有我之前提到过的关于注册账户的一个注意事项,请大家多多留意。
本期教程到这里就结束了,我们为大家介绍了一款非常好用的配色工具 Adobe Color,很简单并没有什么难度,相信大家一定都学得会。当然,工具只是为我们提供方便的,而不是主导我们的,所以在使用配色工具的时候最好是要有一定的理论基础,有一定的理论作为支撑会让你在配色的过程中更加游刃有余并且有理可依。如果是作为新手使用的话,我的建议还是多去尝试,根据效果的好坏来选择最终的方案。今天的内容就先到这里,希望对大家有所帮助,我是无我,我们下期再见。
欢迎关注研习设的微信公众号:「Yanxishe2017」