mafan88的个人空间 https://blog.eetop.cn/162539 [收藏] [复制] [分享] [RSS]

空间首页 动态 记录 日志 相册 主题 分享 留言板 个人资料

日志

Alpha 混合:两个半透明色的叠加

已有 2791 次阅读| 2011-11-24 15:36 |个人分类:视频

讲 Alpha 混合的文章太多了,我并不是要说有什么新的更好的算法,而是这些 Alpha 混合的文章都是基于一种特定的现实应用:在背景色上叠加一个半透明色。而 OpenPainter 的需求更具一般性:混合两个半透明颜色。也就是说,原始色也是有透明度的。

为此我首先用 PS 做了不少试验,试图推导出 Alpha 混合的公式。事实上,一些简单的实验外加一些逻辑推理,成功了找到了 Alpha 混合的方法。这里为了计算上的方便,所有颜色分量值的取值范围都是 0 ~ 1。

首先是透明度值的计算。颜色在本质上是光的产物,如果把透明度理解为玻璃的透光性,则一切就变得非常简单。例如一个 alpha = 0.2 的颜色,就可以将其想像为透光率为 80% 的彩色玻璃。我们透过这块玻璃看去,由于 80% 的光都透过了,因此留下来的颜色只剩 20%,即所谓 0.2 的 alpha。现在我们来做一个混合:将 alpha 为 0.2 和 0.6 的颜色进行叠加。这时,我们有了两块玻璃,一块透光率为 80%,另一块为 40%。一道光束穿过,经过 80% 透光率的玻璃时,光线强度剩下 80%,再经过 40% 透光率的玻璃时,光线进一步被削弱,只剩下 80% * 40% = 32%。这意味着有 32% 的透明性,即 alpha = 0.68。

总结上面的算法,我们可以得出:

alpha

下一步,是根据已有的透明度来计算每个通道的颜色分量。这其实用数学推导的方法更容易一些。我们已经知道,在背景色上如何叠加半透明色,其 RGB 颜色分量的计算方法为:

solid_and_alpha

那么,我们可以通过在背景色上叠加两个半透明颜色的不同方法来进行公式推导。第一种叠加方式:先在背景色上叠上第一个半透明颜色,再在叠好的结果上叠上第二个半透明颜色;第二种方式则是先将两个半透明颜色叠好,再与背景色混合。即:

two_methods

这两种混合方式的结果应当是完全一致的,则有

image 

整理,得

image

这即是 RGB 模式下的 Alpha 混合公式。CMYK 等也类似

点赞

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 注册

  • 关注TA
  • 加好友
  • 联系TA
  • 0

    周排名
  • 0

    月排名
  • 0

    总排名
  • 0

    关注
  • 6

    粉丝
  • 0

    好友
  • 15

    获赞
  • 6

    评论
  • 105787

    访问数
关闭

站长推荐 上一条 /1 下一条

小黑屋| 手机版| 关于我们| 联系我们| 隐私声明| EETOP 创芯网
( 京ICP备:10050787号 京公网安备:11010502037710 )

GMT+8, 2025-5-7 22:50 , Processed in 0.023528 second(s), 15 queries , Gzip On, MemCached On.

eetop公众号 创芯大讲堂 创芯人才网
返回顶部