怎样用PS为照片做好一级调色?
作者:一网学   最后更新时间:2016-11-08 17:21:05

@他山之眼 :这篇文章对于理解一级调色(将画面的曝光、色彩校正至一个正常水准)十分重要,建议认真阅读。

今天和大家聊一点儿以前从来没有讲过的话题:一级调色。对于一级调色,也许有的摄影师并没有这方面的概念,或者不同的摄影师对它的定义存在一些细微的差别,但一级调色的定义大致可以认为是:将画面的曝光、色彩校正至一个正常水准。

在前期拍摄中,如果摄影师靠谱,将画面的曝光与色彩都控制得非常完美,例如黑场到位、高光无溢出、白平衡准确、画面噪点抑制良好等等,那我们是可以忽略一级调色,直接进入二级调色的。

但是,不是每个摄影师都有如此强大的前期控制能力,或者说为了最大限度的保留后期空间,有时候我们是会刻意在前期拍摄的时候进行一定的画面保留的,这时候一级调色的重要性就凸显出来了。

在讲一级调色之前,我先给大家介绍一款调色软件:DaVinci resolve(中文名:达芬奇调色),我平时用这款软件的时间很多,但是几乎从来没有跟大家提及过,主要是因为这款软件是来给视频调色的(其实在泼辣修图的设计过程中,我们就有考虑过参考达芬奇的调色标准),虽然也可以用来给照片调色,但是操作起来没有PS轻便,所以也就很少讲到它。

但是,如果你对照片调色非常熟悉,掌握达芬奇调色也是易如反掌的事情,里面有很多概念大家都非常熟悉,例如对比度、饱和度、色相、色温、色调等等。

对于一些相对比较难以掌握的概念,例如Lift、Gain、Gamma、偏移等等,只要你经常看我的文章,你会发现它和我讲的很多东西都是绝对一一对应的,以后有机会给大家普及一下达芬奇的用法。

uisdc-color-201611041

今天主要给大家讲一下达芬奇示波器的用法,以及它在一级调色中的应用,还有与直方图的区别与联系。

uisdc-color-2016110416

上面这张图就是达芬奇的示波器,大家不要看到“示波器”这三个字就觉得好高深,其实示波器和直方图一样,就是从不同的侧面来反映图片的特征。

例如左上角的这个分量图,就是按照画面区域来显示图片特征,右上角这个就是通道直方图,大家很熟悉了,左下角这个矢量图是按照色彩倾向来显示图片特征,右下角这个就是分量图的叠加,当然也可以只查看画面的亮度变化。

今天我们主要了解一下分量图,这也是我们在进行一级调色时的重要参考。

我们先来认识一下分量图是怎么表现画面特征的。我们打开一张图片,它的画面如下:

uisdc-color-2016110415

它在直方图中的表现是怎样的呢?

uisdc-color-201611042

这种直方图我已经讲过太多次了,大家注意看下面的红色、绿色和蓝色通道直方图,红色和绿色左边几乎没有凸起,而蓝色的右边则几乎没有凸起。

大家千万不要认为这表示在画面的低光部分红色和绿色没有发光,只有蓝色发光,所以画面呈现出蓝色,这是错误的。

通道直方图反映的是红、绿、蓝这三种光线的发光亮度分布趋势。

红色在最左边几乎没有凸起,这意味着红色在几乎所有的像素中都发出了较强的光线,绿色同理,而蓝色最左边很多凸起,右边几乎没有凸起,这意味着蓝色在几乎所有的像素中发出的光线都很弱。

所以说画面应该更加强烈的呈现出红色+绿色,也就是黄色,也就是我们上面看到的图像。

我们再来看一下达芬奇的分量图:

uisdc-color-2016110414

分量图是怎么阅读的呢?分量图是与画面的区域一一对应的,它是通过一列一列的计算来表示画面的分量信息。

什么意思呢?比如说我们看上面这个直方图,它的红色和绿色,在左边几乎都是在最上面,而蓝色在左边几乎都是在最下面,这也就意味着在画面的左边几乎都只有红色和绿色发光,而蓝色几乎是不发光的,所以画面的左边会呈现出单纯的黄色。

而在画面的右边,红色和绿色突然有一个下降,蓝色突然有一个升起,这是为什么呢?这是因为画面右下角存在一个人,而这个人穿的是深蓝色衣服,因此红色和绿色呈现出一个下降,而蓝色呈现出一个上升。

uisdc-color-201611043

到这里,我们可以弄清分量图和直方图的区别了。

简而言之,分量图是一列一列的计算,然后把计算结果叠加成图形表现出来,而直方图是把整张图一起计算,然后把计算结果叠加成图形表现出来。

也就是说,分量图是与画面位置相关对应的,而直方图则是打乱排列的。

所以大家看分量图会觉得很简单,很轻松,因为它是具象的;而直方图则会有些困难,有些迷惑,因为它是抽象的。

看到这里,大家似乎能够理解分量图是怎么回事了,但是分量图与直方图二者的区别并不是很大。

那是因为上面这张图的结构十分简单,我们来看一张复杂的图,来进一步认识分量图。

uisdc-color-201611044

这张照片的分量图是这样的(怎么感觉这形状有点邪恶):

uisdc-color-201611045

很明显,从左到右,红色和绿色都要高一些,蓝色都要低一些,所以画面会更强烈的呈现出红色和绿色的混合色,也就是黄色。

大家注意画面中的一个弧形,红、绿、蓝三个分量都有这么一个弧形。这个弧形对应的是什么呢?当然是天空了,因为天空实际上呈现出的是灰色,所以说红绿蓝的值几乎是相等的,所以说这三根弧线很一致。

然后大家再看弧线的左侧都有一个下切,这又是什么呢?大家一看画面就知道,那是因为有一根草切入到了天空之中,并且亮度比较低,所以在分量图中呈现出一个下切。

然后再看分量图的中间有一个凸起,这是分量图中最高的一个凸起了,它对应的又是什么呢?其实对应的就是猫的毛发,因为它的亮度是画面中最高的。

所以经过我们这样一分析,大家可以发现分量直方图简直太牛了,可以精确到如此清晰的细节,这是直方图无法做到的。

我们再来看一下摄影师Dean Bradshaw的一组作品:

uisdc-color-201611046uisdc-color-201611047uisdc-color-201611048uisdc-color-201611049uisdc-color-2016110410

大家看到这组作品,会觉得色彩很高级,如果你仅仅凭借肉眼去判断色彩倾向,有两种可能:一种是你已经练就了绝世武功,拥有极高的色彩直觉,能够通过经验和灵感去获取画面的色彩特征,这是我所梦寐以求的境界。另一种就是瞎猜。

其实这一组作品的直方图大致是呈现出这样一种形态:

uisdc-color-2016110411

通过这个分量图我们可以发现,绿色和蓝色在最下面几乎是没有分布的,这说明画面会更强烈的呈现出绿色和蓝色的混合色,也就是青色,而蓝色又稍微高一些,所以说会由青色向蓝色稍微倾斜一些。

uisdc-color-2016110412

它对应的直方图是这样的:

uisdc-color-2016110413

可以看到,绿色和蓝色最左端是没有凸起的,这也就意味着在画面中绿色和蓝色发出的最暗的光都是20强度(估算值)的光线,而红色最左端有很多凸起,这也就意味着很多像素中红色是没有发光的。

讲了这么多,总算是把分量图的基本阅读方法讲完了,实际上,分量图和直方图二者还有很多可以挖掘的地方,关于分析画面特征,我个人是存在这样一个看法:数据远比直觉更值得依赖。

之前我记得是在知乎还是什么网站看到过一个分离观察画面色相、明度、饱和度的方法,我觉得这种探索精神很好,但是操作未免过于复杂,我也不清楚为什么Adobe一直不为PS加入色彩三性的图形化分析(我们没有加入是因为UI缘故,但是PS不存在这方面的顾虑),这并没有什么技术难度,实际上现在也有第三方软件可以很轻松的实现。

并且大家看一下PS的直方图和达芬奇的直方图,个人觉得达芬奇直方图的UI设计更好看也更好用,不仅仅是直方图,其他方面也是如此。专业不一定就是严肃,个人感觉PS的UI设计还停留在上个年代(重声:仅代表个人观点,与泼辣修图及团队其他成员无关)。

欢迎关注叶明同学的公众号:

plxqr1111


上一篇:photoshop基础教程,哪里可以下载?

下一篇:2分钟教你做下雪特效(内附神器)

其它免费教程

UI培训之界面的过渡效果

时间:2014-08-26 点击:2307

UI设计培训师都爱雕琢细节。多数时间都用来折腾像素级的按钮、表单样式、设定字体,还要把图标打磨得像图...

能有效提高网站转化率的网页设计

时间:2015-10-15 点击:1605

小编:在我身边的网页设计师们,在拿到一个项目的时候,和客户的观念博弈后,最后,只能提供导航、按钮等基...

手把手教你怎样去掉淘宝图片背景-淘宝美工教程

时间:2014-05-13 点击:20929

在淘宝的成交过程中,图片扮演着非常重要的角色。正所谓好的图片是具有营销能力的图片,图片自己会说服你!...

设计新人入门:3分钟帮你了解什么是API

时间:2016-08-17 点击:1247

​如果作为新人的你有这样的经历:在会议上听到前后端的程序员们对着你给出的设计稿讨论“这边要加一个AP...

常见网页文本特效代码汇总:变色文字特效和字符的背景特效

时间:2014-04-19 点击:2497

常见网页文本特效代码汇总:变色文字特效和字符的背景特效
...

更多设计教程>>


在家就能免费试听
多了解下对你最终选择总是有帮助的
姓名:
电话:
Q Q:
答案:
邮箱:
留言:
提交试听申请