轻松学会取色技巧——如何在PS里通过照片创建色板

配色问题,也许是设计师们进阶路上的一个大坑,打通此关,定能扶摇直上,平步青云。没打通也没关系,多多练习,多多积累,也是可以晋级的。今天的文章就是@Pyhoooo分享的如何在PS里通过照片创建色板,简单易懂,大家赶紧找张图片来练手吧。

选择配色的时候需要考虑的因素很多,并不是挑选你喜欢的颜色就可以轻松搞定。配色的方法很多,但是根据主图来进行配色无疑是最可靠的方法之一,无论你是初级设计师还是资深从业者,这种方法都是不错选择。但是这些方案多是通过算法来进行实现的,要想创造符合自己心意的配色方案,老老实实用PS和照片来创建还是最靠谱的。

选照片

既然是通过图片取色来创建色板,那么肯定要挑选一张漂亮的图片。很多优秀的设计都和品质上乘的图片分不开,这些图片色彩漂亮,并且通常都还为文字和图形留有空间。


取色的四个技巧

当你开始搜集图片的时候,最好尽量搜集色彩较多的图片。注意,色彩多并不是要求你选择万花筒一样的图片,而是希望你选择色彩较多,可以帮你创造更多配色方案的图片。

那么应该从哪里开始呢?

接下来的四条建议,或许可以帮到你。

(1)基础色 在打开PS之前,先仔细审视一下你选的照片。

就比如我所选的图片吧,你会从中发现非常惹眼的深青色和棕色,而它们就正好可以用作这套配色的基础色。

假设你在制作一个网页,深青色可用作标题或者背景色,而棕色可应用到段落文字或者引用文字以及其他的装饰元素上。当然,如果文字使用奶白色来显示,与深色背景相互映衬,视觉效果也不错。

2、增加互补色 当对互补放在一起的时候可以产生明显的对比和视觉冲击。

确定两种颜色是否是互补色,看它们在色轮上的位置就知道,黄色和蓝色,绿色和红色,它们在色轮上都处于对称的位置。这些互补色通常都是一冷一暖,视觉效果充满活力。

这种配色的关键点在挑选一种颜色作为主色调,并且灵活运用色彩。如此一来,色彩之间有主有次,不会相互冲突。

这张图就是如此,蓝色占据主体,明黄色的树令整个画面更加活泼。如果你需要搭配文字的话,在蓝色的部分配上黄色的字体似乎是个不错的选择。

3、增加衍生色 通常你的配色方案中会有两种以上的色彩。

与其新增更多的色彩组合,不如基于现有的一两种颜色,增加同色系的深色或者浅色,来完善配色方案。一套干净的配色方案,基础色通常不会超过3种,再基于这有限的几个主色调来扩充也就够用了。这样做最大的好处就是在色彩不会冲突的前提下,令配色更加丰富。

还是用第一个案例作例子,基于两种基础色,通过增减明度,扩展出四种不同的色彩。色系之间不会冲突,这些色彩也可以合理地搭配到一起。调整明度的增减程度,你可以扩展出更多的色彩。

4、整合

将以上的处理技巧整合起来,配色就更加得心应手了。通过漂亮的图片获取基础色,结合对比色扩充基础色,适当地增删中性色,再通过明度和饱和度调整完成符合你需求的整套色板。完成配色之后,无论你想怎样控制视觉元素的色彩都好说。

好了,接下来我们看看如何完整地借助PS,通过照片取色来完成一套配色方案。

创建色板Step 1

用PS打开你挑选的照片。

Step 2

选择吸管工具(快捷键=I),挑选一个区域取色,作为基础色。单击X,然后选取对应的对比色。在这张图片里,我们选取了深绿色作为基础色,那么它对应的对比色应该是红色,于是我们在图片中选取了红色。

这里的红色并不一定要非常鲜艳明亮,在这里我们选取的红色相对柔和。

Step 3

接下来,我们要为色板创建新文件。不管是PS还是ID,创建好的色板文件都是可以拿来用的。在PS里面新建文档,分辨率800×200像素,采用RGB模式。

Step 4

选择椭圆工具(快捷键=U),绘制任意尺寸的圆形,使用吸管工具取色并为原型填充色彩。现在你可以直接从左侧的工具栏中选取前景色和后景色填充进去。

Step 5

重复第四步,创建圆形并填充互补色。

Step 6

接下来,将互补色的圆形图层复制两份,于是你拥有了四个圆形来容纳不同的颜色。接下来的这两个圆形,一个将填充中性色,一个用来填充基础色的衍生色。

Step 7

回到照片,重复第二步,在图片中选取浅灰色这一中性色,填充到第三个圆形中。

Step 8

最后一个圆形中填充一个基于基础色的衍生色。直接用吸管工具在第一个圆形中取色,确定色系之后,将拾色器上移,选取一个明度较高的绿色。考虑到整个配色风格比较复古,这个绿色明度不能太高,不要太深也不要太浅就差不多了。

Step 9

根据你的习惯,调整四个圆形的位置和色彩顺序。将文件保存为PSD格式以便在其他照片取色时可以跳过创建圆形的步骤,再将文件另存为JPG格式的图片,确保不同的设计软件都能从中取色,调用配色。

结语

配色是设计中最重要的环节之一,学会取色配色,然后养成搜集配色方案的好习惯,将会为你今后的设计有所帮助。

ui中国

原文作者:Pyhoooo

原文链接

其他推荐文章:

配色思维模式浅谈

妙配色-图片取色配色法(色彩教程)

(0)

相关推荐

  • 如何在PS Photoshop上将照片大小压缩到200k以内

    今天给大家介绍一下如何在PS Photoshop上将照片大小压缩到200k以内的具体操作步骤.1. 首先打开电脑上的PS软件,进入首页,选择左侧的"打开"选项,点击.2. 然后将我 ...

  • 如何在PS软件中将照片局部调亮

    如果我们的图片局部亮度偏暗,想要调亮一些,该怎么办呢?今天就跟大家介绍一下如何在PS软件中将照片局部调亮的具体操作步骤.1. 首先打开电脑上的PS软件,进入主页面后,将想要编辑的素材照片导入软件中,按 ...

  • 如何在ps里画道路?

    photoshop作为强大的制图工具,在工作中运用广泛,下面介绍在ps里用钢笔工具制作道路方法. 操作方法 01 打开一张图纸,是你将要画制的图纸. 02 双击图层解锁图片,复制一个层,防止图片被处理 ...

  • 如何在PS里安装磨皮插件

    在ps中安装了磨皮插件以后会更加方便我们修图,可能有些朋友还不会安装.下面来看看在ps里安装磨皮插件的方法. 操作方法 01 先打开ps,点击界面上方的滤镜选项.看看列表中是否有有磨皮.没有的话就需要 ...

  • 如何在PS里,保存超过2G的超大源文件?

    有时因为效果,不得不在PS上处理图像,但是刚好画面很大,图层较复杂, 该如果保存呢? 请看下图! 操作方法 01 1.打开PS,新建一个5Mx3M的画板. 02 2.按照自己创意,完成画面! 03 3 ...

  • 如何在PS里制作一只可爱的菠萝?

    小编在这里为大家介绍一下如何用PS制作一个可爱的菠萝,简单易上手,大家来学习一下吧! 操作方法 01 首先,我们打开电脑中的PS CC 2018的软件:接着我们新建一个名字为"菠萝" ...

  • 如何在PS里添加背景色

    为图片加上背景色,会让你的图片变得更好看.在ps中如何添加背景色,下面来看看操作的具体方法. 操作方法 01 双开电脑桌面的ps软件,打开以后如下图所示. 02 点击界面左上角的文件按钮.再点击列表中 ...

  • ps技巧 巧用ps修复模糊照片的多种方法

    操作方法 01 一.局部修复 锐化工具来帮忙 锐化工具是最简单的工具,现在我们首选就来学习一下是如何用锐化涂抹修复法局部修复模糊图像,它常常被用于修复人物脸部.照片本身品质过低,记得使用软画笔,低强度 ...

  • PS里怎样用钢笔画一个可爱的胡萝卜?

    如何在PS里学习制作一个可爱的胡萝卜,下面小编就为大家介绍一下如何用PS制作一个可爱的胡萝卜,几分钟就可以搞定. 操作方法 01 首先,我们打开电脑中的PS CC2018的软件:接着我们新建一个名字为 ...