这种图片是怎样实现的？

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

This topic created in 3605 days ago, the information mentioned may be changed or developed.

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

白色背景：

黑色背景：

原图：

背景

算法

下手

渲染

13 replies • 2016-09-06 13:03:54 +08:00

Sep 3, 2016

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

billlee

Sep 3, 2016

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

dtysky

Sep 3, 2016

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

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

CloudnuY

Sep 3, 2016

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

Hello1995

Sep 3, 2016 via iPhone

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

billlee

Sep 3, 2016

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

dtysky

Sep 3, 2016

@Hello1995

Get it, thanks !

just4test

Sep 3, 2016

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

dtysky

Sep 3, 2016

@just4test

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

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

billlee

Sep 3, 2016

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

loading

Sep 3, 2016 via Android

创意满分

fishcat

Sep 5, 2016

这个是不是老司机开车的新方法

pysama

Sep 6, 2016

创意好玩