嵩山老骥 / 调色 / 色彩搭配原理及可选颜色调色的原理和实例...

分享

   

色彩搭配原理及可选颜色调色的原理和实例讲解

2014-11-15  嵩山老骥

色彩搭配原理及可选颜色调色的原理和实例讲解
2014-09-03     PS基础教程网   

本文素材下载:点此下载        

对于一些PS调色教程中的可选颜色、色彩平衡等等的命令,初学者可能会看的一头雾水,因为很多的教程都只是给了一些参数值,而不是教你怎样调值才能达到这样的效果,对于初学者来说,我们PS基础教程网提供一个关于可选颜色的原理和详解教程给大家学习。
 
        鉴于初学者学这个教程的时候有些等式记起来模糊,建议大家在阅读的时候,拿笔纸作好记录(好习惯要养成哦)。
 所有公式:
 
黄  色 = 红色 + 绿色
青  色 = 绿色 + 蓝色
洋红色 = 红色 + 蓝色

红色 + 青  色 =白色
绿色 + 洋红色 =白色
蓝色 + 黄  色 =白色

红色 = 洋红 + 黄色 
绿色 = 青色 + 黄色
蓝色 = 青色 + 洋红

下面我们开始简单的逻辑推理:
 
首先,我们建立个500px*500px的文件,设置背景色为黑色用椭圆工具分别在新建的三个图层里顺时针填充红色、绿色、和蓝色,把图层混合样式改成差值,我们可以看到红色和绿色混合成了黄色,绿色和蓝色混合成了青色,红色和蓝色两个混合成了洋红色,这里的混合可以意会成加法。那么既然是加法,我们可以用等式来表达这句话:
 
黄  色 = 红色 + 绿色
青  色 = 绿色 + 蓝色
洋红色 = 红色 + 蓝色
 
 
 
 
 
可能有人有疑问,那么我们平常看到的不止这几种颜色啊,还有橙色、紫色等等,这是为什么呢?
 
其实我们可以理解成,红、绿、蓝三种颜色在0到255的亮度范围中,分别合成了265的3次方:16777216种颜色。
 
如上图所示,红绿蓝三种颜色混合变成了白色,那么我们可以用一条等式来描述这句话:
 
白色 = 红色 + 绿色 + 蓝色
 
这是无可否认的,那么问题来了,刚才那幅图红色和绿色混合成了黄色,绿色和蓝色混合成了青色,红色和蓝色两个混合成了洋红色,其实我们是否可以得到一下结论呢?
 
红色 + 青  色 = 红色 + 绿色 + 蓝色 =白色
绿色 + 洋红色 = 红色 + 绿色 + 蓝色 =白色
蓝色 + 黄  色 = 红色 + 绿色 + 蓝色 =白色
 
理解:青色是红色的互补色、洋红色是绿色的互补色、蓝色是黄色的互补色。例:青色是由绿色和蓝色混合成的,由于三原色各自都不包含其他两种的颜色(例:红色中间不含有蓝色和绿色),所以我们可以得出青色之中也不含有红色,同理,黄色之中不含有蓝色,洋红之中不含有绿色。
 
如果有色彩知识的朋友,相信也会知道以下这三个公式
 
红色 = 洋红 + 黄色 
绿色 = 青色 + 黄色
蓝色 = 洋红 + 青色
下面是简单的解析过程:
 
方法一:
红色 = 洋红 + 黄色 = 白色 - 绿色 + 白色 - 蓝色 = 白色 - 绿色 - 蓝色 = 红色
 
绿色 = 青色 + 黄色 = 白色 - 红色 + 白色 - 蓝色 = 白色 - 红色 - 蓝色 = 绿色
 
蓝色 = 青色 + 洋红 = 白色 - 红色 + 白色 - 绿色 = 白色 - 红色 - 绿色 = 蓝色
 
方法二:
红色 = 洋红 + 黄色 = 红色 + 蓝色 + 绿色 + 红色 = 白色 + 红色 = 红色

绿色 = 青色 + 黄色 = 绿色 + 蓝色 + 红色 + 绿色 = 白色 + 绿色 = 绿色

蓝色 = 青色 + 洋红 = 绿色 + 蓝色 + 红色 + 蓝色 = 白色 + 蓝色 = 蓝色
 
看到这里,估计不少小伙伴都已经头晕眼花了,那我们仔细的看着下面那张图
 
 
我们来重新记忆一下,红和绿合成黄,绿和蓝合成青,红和蓝合成洋红。洋红加黄等于红,黄加青等于绿,洋红加青等于蓝。反正大家在看着这个图的时候,要记着六种的颜色,默念刚刚那六句话。
 
下面进入实例教程:
 
1)把绿色的叶子变成秋天的黄色。
 
效果图:
 
 
 
 
2)把绿色的叶子变成浅浅的紫色(洋红色)
 
 
 
原图
 
 
 
以下是实例讲解,当你在调的过程中有迷糊的,告诉你个方法,我们可以在通道里知道红色、绿色、蓝色的数量多少,步骤,先点背景图层,然后点击通道--分别点通道里的缩略图,那个颜色最白,含有这通道颜色就越多,比如在红色通道里花是很白的,这朵花就越红。
效果一详解:
 
由于黄色=红色+绿色,所以我们转换成黄色,就要加入红色,首先我们看到效果图和原图对比,美女的皮肤头发手的颜色都是保留的,而背景是呈现绿色的。我们可以用蒙版实现这个效果,在下一步添加的色彩平衡蒙版中,我们用背景颜色为黑色不透明度100%的画笔工具用对人物、花进行涂抹。蒙版区域为图中的红色部分。我们可以先画出大概然后到最后才把边缘调理好。
 
 
 
我们从主色调绿色开始,选择图层界面中的可选颜色命令。我们知道绿色是由黄色和青色相加的,那么我们减少青色,黄色是不是会相应的增加了,然而我们在加入黄色,这里的洋红先不要调,这涉及到过渡色(解析在下一步),因为洋红加黄色等于红色,我们已经增加了黄色,我们再增加洋红的时候黄色就会往橙色、红色变化。

 
 
我们可以看到红色这里,跟上一步是按照同一个原理来调的,红色是由洋红加黄色,我们在减少洋红的时候,黄色就会相应的增加了,我们另外再增加一点黄色。大家都知道红色是不包括青色的,那我们调节青色又有什么用呢?我们可以知道,我们之前是增加黄色,如果我们在增加或减少青色,那有什么变化呢?当我们增加青色的时候,青色加黄色等于绿色,相当于增加了绿色,当我们减少青色的时候,白色等于红色加青色,我们是否可以得出,青色减少了,红色就相应的增多呢?这可以理解成调节黄色往红色或者绿色的过渡色。
 
 
 
接着我们选择颜色--黄色,在下面调节条中,我们先添加黄色,然后我们分别添加洋红和减少青色,我们可以得出,在添加洋红时我们相应的添加了红色。那么我们减少青色是什么目的呢,由于先前我们增加黄色,在增加青色的时候我们就相应的增加了绿色,原图背景主色调为绿色,所以我们要减少青色以达到减少绿色合成的效果,相应的也就增加了红色和黄色的效果。

 

经过这三个绿、红、黄的调整,我们得出效果图

 
 
我们可以看到黄色效果不是太明显,所以我们把选取颜色这个图层再复制一遍,在副本中我们可以发现花朵的颜色是不是和背景的黄色搭配的不太好,这个时候,我们把第二个副本图层蒙版中的花朵的区域用白色的画笔工具进行涂抹,然后再使用背景颜色为黑色不透明度为35%的画笔工具,在蒙版中对花朵区域进行涂抹,或者直接用65%的白色画笔工具进行涂抹(效果不太好,不透明度大,用白色产生叠加效果相应较快)就会得到以下效果:
 
 
 
我们再调节一下色阶,使图片更有层次感。
 
 
 
最终效果
 
 效果二:



效果二详解:
 
首先我们看背景,把绿色换成洋红色,需要的是把绿色减少,增加红色和蓝色的数量。
这个图跟上一例一样,效果图和原图对比,美女的皮肤头发手的颜色都是保留的,而背景是呈现绿色的。我们可以用蒙版实现这个效果,在下一步添加的色彩平衡蒙版中,我们用背景颜色为黑色不透明度100%的画笔工具用对人物、花进行涂抹。蒙版区域为图中的红色部分。我们可以先画出大概然后到最后才把边缘调理好。
 
 

那么我们就马上开始,先从绿色开始。首先我们可以看到,青色、黄色含有绿色的颜色的值都减少,把洋红增多,这很明显,我们就是要把洋红的值增多,把绿色减少。

 
 
红色也是相同的道理,增洋红抑制绿色。大家也可以这样理解:红色有洋红跟黄色相加,把黄色减少,相应的就会呈现更多的洋红色调。

 

我们发现,在黄色也是按照减少青色和黄色,增加洋红的做法,
 
 
 
得到效果
 
 
 
我们可以看到洋红色效果如果明显点就更好了,那么我们就把选取颜色这个图层再复制一遍,在副本中我们发现紫色的花,如果能够粉一点就好,然后,我们把第二个副本图层蒙版中的花朵的区域用白色的画笔工具进行涂抹,然后再使用背景颜色为黑色不透明度为21%的画笔工具,在蒙版中对花朵区域进行涂抹,或者直接用79%的白色画笔工具进行涂抹(效果不太好,不透明度大,用白色产生叠加效果相应较快)。
 
在副本中,我们调节一下红色的黑色(相当于亮度)减少,是为了把亮度增大一点。
 
 
 
得到效果
 
 
 
接着我们调节色阶,使图像更显层次感
 
 
 
得到最终效果
 
 
 
如果有读者想在上一例中实现紫色的色调,建议调一下颜色为红色时青色的值调为+15左右。为什么呢?我们可以回顾一下第一例中所说的过渡色。然而在上一例,当可选颜色选择红色时,我们的做法是先决定把合成红色的洋红和黄色那个减少那个增多,我们都知道,我们把红色中的洋红增多了,那么青色是什么作用了,由于紫色是蓝多红少,如果我们把青色增多了,红色就会减少了(青、红为互补色),再者青色和洋红合成的蓝色就多了,我们所的到的洋红就会往蓝色过渡,那么就会呈现紫色了。
 
写在最后,可选颜色,其实并不难,说一下技巧吧,如果我们想实现变成红、绿、蓝、青、黄、洋红时,这个比较简单,就相应的增加合成此颜色的青或者洋红或者黄色的值,把互补色调低。例如:我们想变成红色的,就要把青色调少,把洋红和黄色调高。
如果是想调到这六种颜色之外的颜色,那就要按照先调到上面六种颜色中离这个颜色的那个,然后调节过渡色。例如上面所说的紫色怎么调?
可选颜色其实不难,主要是合成的公式要记住,最好就是把红黄绿青蓝洋红这个顺时针的顺序都记住了。当你的这个色彩调配都学会了,调色的一大难题就已经变得轻松多了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>