六篇文章彻底掌握直方图:通道直方图 - 网页设计 - yinxi.net
author:一佰互联 2019-04-09   click:212

@他山之眼 :在上一期教程《六篇文章彻底掌握直方图:基础色彩原理》里面我们讲到了如何用 RGB 值来表示一种色彩,这对于理解通道直方图至关重要。

前面我们提到显示器都是基于 RGB 色彩模型建立的,也就是电脑显示的所有色彩都是通过红、绿、蓝这三种颜色混合而成的,因此我们是否可以通过一个工具来直观的观察红、绿、蓝这三种颜色的整体发光强度呢?这就是通道直方图。

通道直方图分为三种:红色通道直方图、绿色通道直方图、蓝色通道直方图,在泼辣修图中,我们可以通过点击左上角的展开按钮看到所有通道直方图。我们以红色通道直方图为例来讲解一下。

△ 折叠视图

△ 展开视图

红色通道直方图的最左端是0,最右端是255,这是因为在 RGB 色彩模型中,所有R、G、B值的取值范围都是从0到255,0表示不发光,255表示发出最强的光线,因此我们直方图从最左端到最右端也是这个取值范围。

红色通道直方图是将所有像素中 R 值的数值分布用图形化的形式表现出来。像素是我们在摄影中经常会提到一个概念,例如我们经常会说一张照片的像素是1200万,那么这里的像素就是指构成一张图片的最小单位,而每一个像素都是用一组 RGB 值来进行表示的。例如RGB(0,130,74),这样我们就可以为每一个像素赋予色彩,当这1200万个像素组合到一起之后,就得到了各种各样五彩斑斓的图像。而我们红色通道直方图就是将这所有 RGB 组合中的 R 值抽离出来,然后进行排列,例如像素 RGB(0,130,74)中抽离出来的 R 值就是0。

抽离出每个像素中的 R 值之后,我们再对这些数值进行排列,R 值为0的排在最左边,R 值为255的排在最右边,以此类推,就得到了一个完整的红色通道直方图。例如下面这张照片:

可以看到,红色通道直方图的凸起主要集中在右边,这说明在很多像素中的  R值都是非常大的,也就意味着红色的发光强度大;而红色通道直方图最左端没有凸起,这意味着没有任何一个像素中的 R 值为0,也就意味着在所有像素中红色都发光了。而绿色通道直方图和蓝色通道直方图的凸起都集中在左边,这也就意味着所有的 G 值和 B 都是较小的,因此绿色和蓝色的发光强度弱,所以最后画面呈现出较强的红色。

以此类推,我们也可以利用绘制红色通道直方图的方法绘制出绿色通道直方图和蓝色通道直方图,因此这三种通道直方图就被完整绘制出来了。

通过这一篇文章,我们要掌握如下知识点:

  • 通道直方图是如何绘制出来的。
  • 通道直方图的分布形态意味着什么。
  • 通道直方图从左到右代表着什么。

「三篇好文帮你彻底弄懂直方图」

  • 《高手教程!一篇文章帮你彻底看懂通道直方图(附实战案例)》
  • 《通俗易懂!用一张图帮你彻底学会调色直方图那点事儿》
  • 《用一个后期教程,帮你学会利用直方图破解图像的方法》

================明星栏目推荐================

优优教程网: yinxi.net 是巅云旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://www.yinxi.net/

巅云大课堂