开篇先附上实验成果。下图点击后会显示另一张图片,若不能正常显示,请另存到本地后,用QQ发送消息后打开,手机QQ效果最佳(具体原因后面会解释)。
下面我们先从原理说起,在PS中有三种算法如下:
① 线性减淡(添加):
Img输出 = Img上+ Img下;
② 划分:
Img输出 = Img下/ Img上;
③ 反相:
Img输出 = 1 – Img ;
上面这些公式是什么意思呢?首先,既然两种背景(黑色与白色)下有两种显示效果,那么必须准备两张图片,这两张图片在一个PSD里面有图层顺序上下之分,我们用Img上和 Img下区分。这里有个问题,我们现在讨论的是图像的色彩值,所谓色彩值,就是某像素的像素值除以255得到的一个大于0小于1的值。所以,我们这里就用Img代表这个色彩值,比如Img上,就代表“上层图像的色彩值”,Img输出——代表最终输出的图像的色彩值。那么毋庸置疑,黑色图像的色彩值为0,白色为1.
完了再看一个问题:两张图层,调整上层图像的不透明度opacity,从100%直到0%,画布上输出的图像肯定也经历了“Img上——混合——Img下”这样的变换。用不透明度混合公式来表达,设Img上的不透明度为O,那么:
Img输出 = Img上 * O + Img下 * (1 - O)
O为0%时,Img输出 = Img下,这时候完全显示下层图像;O为100%时,Img输出 = Img上,这时候完全显示上层图像;而O介于0~100%之间,将显示上下层的混合图像。而在QQ聊天或者贴吧这样的环境下,没有像PS里面那种混合模式的处理,我们之所以能看到不同的图像,也无非就是在黑色白色两种背景下,图像的透明度起到的作用而已,明白了这一点,那么OK——
现在,我们假设最终制作出的图像为ImgR,这ImgR在白色背景下显示图像ImgA,点击放大进入黑色背景,马上变成图像ImgB~ 再假设ImgR的不透明度为O,加上前面交代的那些基础知识,我们是不是就可以列方程了呢?来——
① 白色背景下
ImgA = ImgR * O + 1*(1 - O)
② 点击放大(黑色背景)
ImgB= ImgR * O + 0*(1 - Oÿ