这种图片是怎样实现的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3032 天前的主题，其中的信息可能已经有所发展或是发生改变。

不知如何下手去搜。。。
是不是和透明通道的渲染算法有关？

白色背景：

黑色背景：

原图：

背景

算法

下手

渲染

13 条回复 • 2016-09-06 13:03:54 +08:00

lizon

2016-09-03 21:01:12 +08:00

PS 头顶 - 图像 - 模式 - 灰度

billlee

2016-09-03 21:06:51 +08:00

在 photoshop 点击「图层」-「图层蒙版」-「从透明区域」可以把 alpha 通道和 RGB 通道分开。

dtysky

2016-09-03 21:23:11 +08:00

@lizon
什么都没有发生。。。

@billlee
分离之后又为何会出现正文所述的效果呢？原理是什么？

CloudnuY

2016-09-03 21:26:41 +08:00

原图中白色的地方不一定是白色或者透明

Hello1995

2016-09-03 22:12:14 +08:00 via iPhone

https://bupt-hjm.github.io/fun-photo-combine/

billlee

2016-09-03 22:26:31 +08:00

@dtysky 我分析不动啊，好像是个非线性方程组

dtysky

2016-09-03 22:34:43 +08:00

@Hello1995

Get it, thanks !

just4test

2016-09-03 22:37:33 +08:00

假设这张图是黑白的。对于指定的点，亮度的 rgb 值都是 w ，透明度是 a ；图 1 的最终 rgb 值为 x ，图 2 的最终 rgb 值为 y 。
那么就是很简单的方程组：
白底： 1 * a + w = x
黑底： 0 * a + w = y
可以看出， w 就是图 2 的原图，而且图 2 每个点的亮度一定低于图 1.

dtysky

2016-09-03 22:58:16 +08:00

@just4test

看了下那个代码，他合成的时候只是单纯吧黑图画到了白图上面。。。只是预览的时候才计算，这就有点迷了。。。

原理明白了，所以系统渲染的时候黑色背景到白色背景对透明度的影响是一个 0~1 的系数？

billlee

2016-09-03 23:08:11 +08:00

@just4test 不透明度 alpha 的规范形式是 out = alpha * in + (1 - alpha) * backgroud.