来源:设计中国

本文一共三十多页,请各位不要在中途打断.

说明:这本是以前的一个笔记,尺寸比较大,最近才想到发出来共享一下,所以只好把一张图割成两张来发,可能大家看着会觉得不顺眼,这是本文一大遗憾.

文中牵涉到各个模式的公式以及公式的推导,采用数形结合的方式,既能使大家真正了解混合模式又能让人不感到纯数字的枯燥无味.这里虽不是图形学论坛,更不是数学论坛,但我觉得把公式推导部分写出来只会有利无弊.所以,对于”不搞软件开发,研究公式有什么意义?””我们只是要用好笔而不是去研究笔的构成”这之类问题就不必再提了,可以保留你自己的意见

前言部分


本文共分16部分,如没特别说明,则认为基层A为渐变(自变量),混合层B为某一特定色阶(常数)
曲线横坐标代表自变量的取值,纵坐标代表结果色阶层C的取值.

1,准备工作
2,变暗模式组
3,变亮模式组
4,其他模式组(这个把实色混合也包含进去了)
5,颜色加深(减淡)的互换关系
6-7,叠加组模式的推导
8-10,柔光模式的推导
11,柔光与强光的关系
12,不透明度
13-14,填充不透明度
15-16,浅析颜色模式组
附:
附1,同源图层模拟曲线
附2,反相图层模拟曲线

第90帖:不透明度、填充不透明度的完整算法及混合模式综合公式

准备工作


准备工作00a

混合模式深入理解

混合模式深入理解

变暗模式组


变暗模式组01a
可以看出”正片叠底”和”颜色加深”关于直线Y=255-X对称.其X,Y轴上的截点就是”线性加深”的曲线

混合模式深入理解

混合模式深入理解

变亮模式组


变亮模式组02a
同样,滤色(屏幕)和”颜色减淡”关于Y=255-X对称,其X,Y轴上的截点就是”线性减淡”的曲线

混合模式深入理解

混合模式深入理解

其他模式组(这个把实色混合也包含进去了)


其他模式组03

混合模式深入理解

混合模式深入理解

颜色加深(减淡)的互换关系


颜色加深(减淡)的互换关系04

混合模式深入理解

混合模式深入理解
混合模式深入理解

混合模式深入理解

叠加组模式的推导


叠加组模式的推导1
混合模式深入理解

混合模式深入理解

叠加组模式的推导


叠加组模式的推导2

混合模式深入理解

混合模式深入理解

柔光模式的推导


柔光模式的推导1

混合模式深入理解

混合模式深入理解

柔光模式的推导


柔光模式的推导2

混合模式深入理解

混合模式深入理解

柔光模式的推导


柔光模式的推导3

混合模式深入理解

混合模式深入理解

柔光与强光的关系


柔光与强光的关系

混合模式深入理解

混合模式深入理解

不透明度


不透明度

混合模式深入理解

混合模式深入理解

填充不透明度


填充不透明度1
混合模式深入理解

混合模式深入理解

混合模式深入理解

混合模式深入理解

浅析颜色模式组


浅析颜色模式组

混合模式深入理解

混合模式深入理解

附录–曲线的模拟


为什么要写这个?如大家都熟悉的去网纹的例子,先复制后用高反差保留,再反相,把模式改为线性光.
知道这个做法的很多,但真正弄清楚它的原理的人又有多少?
线性光反相图层模拟曲线有个特点,即,黑,白反相.知道这个原理,我想上述例子的原理也就不言自明了.
这部分的公式我就不写了,自己代入B=A或B=255-A就可知道

<完>
混合模式深入理解

混合模式深入理解

混合模式深入理解

发表评论