• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 六篇文章彻底掌握直方图:通道直方图

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

作者:叶明 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含PS直方图,照片后期,直方图,经验分享,色彩,色彩基础,通道直方图等相关知识,叶明希望在学习及工作中可以帮助到您

@他山之眼?:在上一期教程《六篇文章彻底掌握直方图:基础色彩原理》里面我们讲到了如何用 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..com

优设大课堂

您可能想查找下面的文章:

  • 六篇文章彻底掌握直方图:通道直方图
  • 六篇文章彻底掌握直方图:基础色彩原理

相关文章

  • 2017-08-06你的网站适合IE8访问吗?
  • 2018-08-23时下流行的侧边栏导航到底好不好用?
  • 2017-08-06网页设计中的细节分析详谈
  • 2018-08-23超实用!通用设计法则解析之「导引手册」
  • 2018-08-23近8000字的「用户体验行业综述」,帮你在2018年里找准职业定位
  • 2018-08-23为什么我用数据驱动设计,结果却不尽人意?
  • 2018-08-23实战五步走!UI设计师如何让设计稿100%还原(上)?
  • 2017-08-26DOM编程艺术第二章
  • 2018-08-23如何顺利开一场交互评审会?这儿有网易设计师的总结!
  • 2017-08-06通常CSS错误及解决办法技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?
    • 窗口中的各种距离/滚动距离的精确计算汇总
    • 推荐28个让你直呼哇塞的Canvas库
    • emmet语法
    • 版式设计中的文字层级怎么学?来看高手的实例演练!
    • 分享8款提高网页设计出色的CSS工具
    • 用Framer的实例,说说设计师学习代码的那些事
    • 那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书
    • ipad上借助firebug工具来进行页面调试
    • 网页防复制功能实现方法(附破解方法)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有