六篇文章彻底掌握直方图:通道直方图 - 优设网 - UISDC

六篇文章彻底掌握直方图:通道直方图

2018/03/15 评论区

@他山之眼 :在上一期教程《六篇文章彻底掌握直方图:基础色彩原理》里面我们讲到了如何用 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 都是较小的,因此绿色和蓝色的发光强度弱,所以最后画面呈现出较强的红色。

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

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

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

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

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

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

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/grasp-channel-histogram

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里