查看完整版本: 说说混合颜色带的问题

说说混合颜色带的问题

不知道论坛中有没有关于混合颜色带的帖子。

其实混合颜色带也没有什么神秘的，其本质不过就是一种特殊的蒙板，一种由色阶来控制的蒙板。但是这种蒙板的控制是有一定的讲究的。下面就说一下这个问题。

新建一256*256大小的RGB文档，将背景层填充为黑色。在其上新建一透明层，自左至右准确填充一黑白渐变。这样的话，依据信息调板，可以看到，横坐标与其色阶值是完全一致的，这可以作为下面调整时的数值参考，比较方便观察。

渐变层的混合选项中，默认的混合颜色带设置如下附图。我们先作一些一般性的说明。

1.无论上层还是下层，都有黑白两个滑块。对于每个滑块，按住alt键用鼠标就可以将左右两个半块分为左右两块。

2.右黑右（右侧黑块的右边）与左白左（左侧白块的左边）之间的色阶范围内，完全参与混合，填充不透明度为100%；右白右到左黑左之间的色阶完全不参与混合，填充不透明度为0%；左黑到右黑之间的色阶，填充不透明度是从0%到100%；左白到右白之间的色阶正好相反，参与混合的程度是从100%到0%。

3.如果某些色阶，由于黑白滑块的左右交叉，可能出现两种以上的填充不透明度，那么要以低的为准。（在蒙板当中，图层蒙板与矢量蒙板的交叉重叠，也是以较低部分为准）。

下面图中的默认设置最为简单，0~255之间的全部色阶都完全参与混合，填充不透明度都是100%，所以在文档中可以看到完整的黑白渐变图像。

[img]http://public.blu.livefilestore.com/y1pbGC2CJocD8GjZ_IVGvM_4SMcBC_1EUWI_z1d6BjtTor-kyMdpDpSFqcYLnaQx8JV0l7fabYRC2GaRFITiJcjIA/mixedcolorband0.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:38 编辑 [/i]]

1.对黑白渐变层的混合选项作如下设置：将黑块拖至64，白块拖至192，那么，64~192色阶之间的所有像素完全参与混合，填充不透明度都是100%；192以上（不包括192）以及64以下（不包括64）完全不参与混合，填充不透明度都是0%；所以，64~192之间显示为64~192的渐变，192以上以及64以下显示为背景层的纯黑色。信息调板中显示：色阶63处显示为0值。

[img]http://public.blu.livefilestore.com/y1pfGQhTOYo7KDcwl4rpoBB9z6kvgT0xRk3t7wHGjrTYT-bZWGDow5zjdgJT-FL3mE0U72xcZxZpw8xjlWKQFkM7g/mixedcolorband1.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:41 编辑 [/i]]

2.对黑白渐变层的混合选项作如下设置：将黑块拖至192，白块拖至64，那么，64~192色阶之间的所有像素完全不参与混合，填充不透明度都是0%；192以上（包括192）以及64以下（包括64）完全参与混合，填充不透明度都是100%；所以，64~192之间显示为背景层的纯黑色，192以上以及64以下显示为渐变层的原有渐变。信息调板中显示：色阶200处显示为200的原值。

[img]http://public.blu.livefilestore.com/y1pfGQhTOYo7KAuoRO6q2qjR1OnGgYgzI_bxzvPE2I9aAlwqfioH1ggzIvW1McTo7m5-WRUEdoeHhPsPrLqCo_JcA/mixedcolorband2.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:43 编辑 [/i]]

3.对黑白渐变层的混合选项作如下设置：按住alt键，将左黑块拖至60，右黑块拖至100；左白块拖至150，右白块拖至200；那么，100~150色阶之间（包括100和150）的所有像素完全参与混合，填充不透明度都是100%，这部分在图像中显示为原有的渐变；200以上（不包括200）以及60以下（不包括60）完全不参与混合，填充不透明度都是0%，这两块区域显示为背景层的纯黑色；60~100之间，参与混合的程度为0%~100%；150~200之间，参与混合的程度为100%~0%；信息调板中显示，原色阶70显示为19。

70显示为19是怎么回事呢？

在黑色滑块的内部，60~100共有41个色阶长度，而60~70占了11个色阶长度，11/41就是其不透明度，乘以原有色阶70，等于18.7也就是19了。

[img]http://public.blu.livefilestore.com/y1pHPXR1EUT3iR52eay5ZPwNCXWqnqlzh08FY6b41nlseyxhJJXCBSo6PerGJtsDdoPxLxrRFOw6-I51JJ38r5e_w/mixedcolorband3.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:44 编辑 [/i]]

4. 对黑白渐变层的混合选项作如下设置：按住alt键，将右黑块拖至128，左白块也拖至128；那么，0~128色阶之间的像素，选择性参与混合，填充不透明度是从0%到100%；128~255色阶之间的像素，填充不透明度是从100%到0%；信息调板中显示，原色阶90显示为63。

90显示为63是怎么回事呢？

在黑色滑块的内部，0~128共有129个色阶长度，而0~90占了91个色阶长度，91/129就是其不透明度，乘以原色阶值90，等于63.4也就是63了。

[img]http://public.blu.livefilestore.com/y1puonmKtno2jyEsxDMg9AfsjUgSH0bOfb6Dwm__TcIpcZflooLA0aV3FmSc7Z7rvlHBeHgOnI_39vnNLVweADD9A/mixedcolorband4.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:45 编辑 [/i]]

5.最后来个最复杂的。

对黑白渐变层的混合选项作如下设置：按住alt键，将左黑块拖至110，右黑块拖至191；左白块拖至39，右白块拖至157；那么，这会是怎样的情况呢？

前面说过，若出现交叉的情况，要以混合程度低即填充不透明度较低的为准。

右侧白块（157）以上，以及左侧黑块（110）以下，全部不参与混合，它们的填充不透明度都是0%，这些区域显示为背景层的纯黑色；根据前面所说的滑块交叉时按混合程度低者来决定，那么，[b]参与混合的就只有110到157色阶的像素了[/b]，并且也只是部分性参与混合，其填充不透明度都比较低。信息调板中显示，原色阶150显示为10。

150显示为10是怎么回事呢？

在黑色滑块的内部，110~191共有82个色阶长度，而110~150占了41个色阶长度，41/82=0.5就是其不透明度。但是，在白色滑块的内部，39~157共有119个色阶长度，而150~157占了8个色阶长度，8/119=0.067就是其不透明度。以低者为准，最终的填充不透明度就是0.067，乘以原色阶值150，等于10.05，就是10了。

[img]http://public.blu.livefilestore.com/y1pzm8fC3T6w6INhNL-cQ8LAjlmjmpe8463F9eG4i3666qeiyPswXCPlc9H0DCLrGdEePMdrHznRarDppgzC9nnoA/mixedcolorband5.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:46 编辑 [/i]]

线性减淡模式和滤色模式之间是什么关系？

结尾，我们利用对混合颜色带的控制来说明一下[b]线性减淡[/b]模式和[b]滤色[/b]模式之间的有趣的联系。

1.先是原始黑白图片：

[img]http://public.blu.livefilestore.com/y1p7ATktvz2NcdaDvW6UiwrzMUeXaGHuTPZ-AF4QnmG3nk52fqUbpZkk-oxcaPodBk-9Kwb9M1y-o7RINZZI3FoDg/滤色与线性减淡关系1.jpg[/img]

2.采用滤色模式自身混合后的结果：

[img]http://public.blu.livefilestore.com/y1p7ATktvz2NcexLb-vysXjDXnIfRwOUJd8uxabKNw6a5Lfl1R8CqtWNcyHJOedJ07ezXSd3yxF-3KPI6VkMXPN2Q/滤色与线性减淡关系2.jpg[/img]

3.若采用线性减淡模式自身混合，则是这样的结果：

[img]http://public.blu.livefilestore.com/y1p7ATktvz2Ncd4p5Zb04TZt1KKXGqkTNtnGCSga3Jl0tJx83nPRRViyrPS5NLYYcDDNta6JjsuNeLNZ_lvmByPmQ/滤色与线性减淡关系3.jpg[/img]

4.假如我们将线性减淡模式自身混合作如下设置：

[img]http://public.blu.livefilestore.com/y1p5ZmxWtD9AjAx7oWdeuw_j9Yp0RFgoFcArqDIXvGSEjTpXzGdCbenOG0VwAXNTrlJmT6WbbBCywOolGE-4KILYQ/滤色与线性减淡关系4.jpg[/img]

5.线性减淡经混合颜色带如上设置后的结果：

[img]http://public.blu.livefilestore.com/y1p5ZmxWtD9AjD7KEFUGHt31eF0ZzwBo1m9iemb5VrA-1slGKFkpvtmJoXU6RFGiLgm38NsLrQ9kBZmK5x2GOh2kQ/滤色与线性减淡关系5.jpg[/img]

经过仔细观察比较，5和2两者的效果是一样的，而且它们的直方图也完全一致。并且我们用公式算法也可以证明它们是完全等效的，此处就不罗嗦了。

另外，[b]线性加深[/b]和[b]正片叠底[/b]也是类似的关系，只不过需要拆分的正好相反，是黑色滑块而不是白色滑块罢了。

（最好用灰度图或者黑白的RGB图来测试，彩图稍有出入，这是预料中的事儿）

[[i] 本帖最后由 slowfool 于 2010-3-23 23:26 编辑 [/i]]

刚刚发完这个帖子，顺便在论坛搜索了一下，居然就发现了另一个关于混合颜色带的精华帖（[url=http://bbs.chinaddu.com/viewthread.php?tid=99746&page=1&fromuid=1195853#pid983416]月满东楼[/url]）。仔细看了看，比较简单，没有详细解释黑白滑块相互[color=blue]反向交叉[/color]的复杂情况的算法，所以，我这个帖子就暂时不删了，也许有用呢哈。

馒鱼的贴子得顶

我一直对反向交叉时的原理不甚了解，基于两个蒙板交叉时，为什么取不透明度低的一个，算法是什么？显然不是正片叠底，与选区交叉时的算法不同。

写得还不错，图我看不到
建议把下一图层也加上。另外我依稀记得，在一般情形下（也就是说图层的填充度，不透明度及像素不透明度为任意时）好像下一图层采取了一种比较特殊的处理不透明度的手段，具体的我现在已记不清楚了

呵呵 008 看到你了

我也看不到图
这个问题好像是讨论过的吧
大致还是图层叠加的那几种运算吧
你推演能力那么强 帮助人家推演出来多好啊



雪姑娘 和凤兮他们还上不？ 我好久没有上论坛了还以为被关闭了呢 后来才发现原来域名又回到原来的那个了chinaddu又不用了 当初换域名就不是个好的选择，呵呵。
我欠雪人情了，没还呢，不知道大家最近好不，qq群也经常没人说话

2个思路

首先吧1个像素点有很多数据
这里只考虑（R,G,B,GRAY，OP）就差不多了GRAY=灰度，op=透明度
1.
4个滑块最多可以将直线分为5个区域，考虑到成对的2个滑块在左右上有顺序
这样区域划分就更有限
应该是4的全排列4*3*2*1除以2再除以2等于6种
B=黑，W=白。L=左，R=右
BL,BR,WL,WR; BL,WL,BR,WR; BL,WL,WR,BR; WL,BL,WR,BR; WL,BL,BR,WR; WL,BL,WR,BR
对每种情况的各个区域做透明度计算
这个情况比较麻烦点但也不是不可能。
2.
抛开R,G,B和GRAY
先对黑滑块运算
2.1对于一个像素点如果：色阶值(L)<WL, OP=0；
2.2 如果WL不等于WR 且  WL<L<WR 则OP=(L-WL)/(WR-WL) ,如果L>WR ,OP=1
上面的两部可以换一种描述
就是
2.1.如果WL等于WR 怎 OP=1;
2.2 否则OP=(L-WL)/(WR-WL) ， OP取值范围是0到1，所以，如果小于0，取0，如果大于1取1.

然后同样的计算方法应用于白色滑块

slowfool 兄弟可以验证一下

刚才发的贴看不到了；

我#10楼的问答RE兄弟能解释么？
雪妹淡出PS了。。。。
她在思缘论坛也辞职了，就这样，理论高的朋友都淡出PS了。。。
无聊中。。。

[[i] 本帖最后由 PS拾荒者 于 2010-3-17 21:04 编辑 [/i]]

回复 12# 的帖子

RE好。
这个问题是很久以前提出来的，当时雪来问我，我演算了下就直接告诉她了。没有记下来，久而久之也就忘却了。现在具体是个啥样的问题也记得不太清楚。
雪我今年就没见着她，QQ上也一直没对话，也不知道她现在怎么样。很是想念大家。

至于拾荒者的问题，我很久以前做个一个图，虽然只有一种情形，不过看看图应该就能明白其他情况是怎样的了。

各个点对应两条线段的端点，端点的走向很容易明白混合色带产生的效果
另外，文中有点不精确的是，“本图层滑块”是变换的填充度，“下一图层滑块”是变换的不透明度.

理论探求永无止境，不过人的兴趣渐渐的会转移。相对而言，雪对此的毅力和兴致真的叫人佩服。凤兮老大很久前对此道已不感兴趣了，后来我也慢慢的失去了兴致。唯有雪，一个人在孤独的前行.呵呵。你说她淡出PS我还真有点不相信。
不过不管是否是真的，理论高手并没有都淡出PS，比如说楼主。

[[i] 本帖最后由 国产008 于 2010-3-17 22:02 编辑 [/i]]

谢谢国产兄，我是最早看你混合模式那贴的人，现在换马甲了，一件衣服经常穿有点腻味了，呵呵。
你那个图，我以前看过，现在再看看。
雪妹对我帮助很大，手把手提携我，让我水平真正的提高了一点，永远感谢她。
主要是关注理论的人少了，她也渐渐没兴趣了，她在思缘开了个LAB的贴，使很多人对理解马古的书帮助不小。
她淡出PS，也是逐渐没有兴趣了，我曾劝她和国产兄共同写本书，理论水平那么高的人，不把研究成果记录下来太可惜了，可惜她也没兴致。
想要再唤起她对PS的兴趣，可能难了。

再看这个图，确实是以最小不透明度来计算的，两种蒙板共同作用下，取最小值，以前领悟还真不到位。

啊 啊 啊
我想知道雪的电话  008知道不？

各位好！连续十几天都进不来，我还以为论坛从此便销声匿迹了呢。

感谢大家的参与，稍后我把原先的示意图补上，看看还在不在硬盘里，前天我的电脑也地震瘫痪了。

线性光与叠加模式之间的变换关系

还有，如果将黑白滑块同时全部拆分到两个端点的话，那么，在作自身混合时，线性光模式就可以等同于叠加模式了。用任意一张黑白图片都可以进行外观和直方图的验证。

关于下层（指下面的虚拟合并层）的滑块控制，需要说明的是，参与混合的程度实质上肯定不是填充不透明度。所有的填充不透明度都是完全针对混合色的参与程度而说的。

若下层参与混合的程度是0%，即完全不参与混合的话，相应的像素反倒会浮现到上层的[b]上面[/b]来，而不是表现为透明，这是需要注意的。

[[i] 本帖最后由 slowfool 于 2010-3-19 02:08 编辑 [/i]]

回复 20# 的帖子

按马甲兄的图，稍做变动可以看出，此时不透明度最高为0。5，大于128色阶，不透明度线性降低，小于128的像素，不透明度线性增加，如果用线性光模式，公式：A+2B-255，任取100色阶，对应的填充不透明度应为0。39，则按线性光公式（填充不透明度不为1时，应为A+2BN-255N，N为填充不透明度）计算出的最终色阶为：100+100*2*0。39-255*0。39=78；按叠加计算：100*100/128=78；
两者结果一致。

关于雪

雪确实很孤独 也很执着 但我不认为她水平很高 哈哈  她各个方面知识都比较缺少 唯一就是比较执着 我很喜欢 我一直想给她打个电话来着 这个家伙 固执的很 。
我欠她人情，郁闷啊
雪对PS 的执着有2个原因 1。比较喜欢这个东西，2.心理压力太大了 期望能转移自己实际生活中的痛
如果她不来了我觉得到有可能是个好事情呢
她应该是找到幸福了
BIU,PI,PA 放烟花
BIU,PI,PA 放烟花

008你说是不

[[i] 本帖最后由 re4get 于 2010-3-19 17:07 编辑 [/i]]

你们都没有我了解她，呵呵。。。
执著的太久了，也该把注意力转移一下了，如同我们经常吃同一种饭，早晚会腻味的。

[quote]原帖由 [i]PS拾荒者[/i] 于 2010-3-17 21:02 发表
雪妹淡出PS了。。。。
她在思缘论坛也辞职了，就这样，理论高的朋友都淡出PS了。。。
无聊中。。。 [/quote]
好像她三月上旬还来过的。现在是不是在度假？
让我相信阿雪会淡出，我首先自己消失先......

图片怎么又挂了？前天才补上的。

[quote]原帖由 [i]PS拾荒者[/i] 于 2010-3-19 09:27 发表 [url=http://bbs.photoshopcn.com/redirect.php?goto=findpost&pid=7727091&ptid=539867][img]http://bbs.photoshopcn.com/images/common/back.gif[/img][/url]
按马甲兄的图，稍做变动可以看出，此时不透明度最高为0。5，大于128色阶，不透明度线性降低，小于128的像素，不透明度线性增加，如果用线性光模式，公式：A+2B-255，任取100色阶，对应的填充不透明度应为0。39，则按 ... [/quote]
前面三组变换关系都可以用模式控制器直接表现出来哈。

[img]http://public.blu.livefilestore.com/y1p54U4qaW6AsHUa90YaIU1shTMmtkdiK2As5tm58pPqTqnMMO6FDggZ0Jh1lutefoP-42CxfPHhwFeDKJZhawcNw/转换关系.jpg[/img]

[[i] 本帖最后由 slowfool 于 2010-3-23 23:49 编辑 [/i]]

雪妹本来专业就不是平面设计方面的，她的执著少能人能比，理论水平也绝非一般人能比。她有很多PS方面的成果，只是她从来没有公之与众罢了。
SL兄若不信，那么你可要先收回自己消失的话哦，否则搞理论的朋友就真的相继淡出了PS。SL兄的LAB方面的贴子让我也学不少知识，如此执著于PS的研究者，看来后继有人了。呵呵。。。

谁能唤回雪妹的PS兴趣？拭目以待中。。。

[[i] 本帖最后由 PS拾荒者 于 2010-3-21 15:49 编辑 [/i]]

[quote]原帖由 [i]re4get[/i] 于 2010-3-17 20:36 发表 [url=http://bbs.photoshopcn.com/redirect.php?goto=findpost&pid=7726904&ptid=539867][img]http://bbs.photoshopcn.com/images/common/back.gif[/img][/url]
2个思路:
首先吧1个像素点有很多数据
这里只考虑（R,G,B,GRAY，OP）就差不多了GRAY=灰度，op=透明度
...... [/quote]
[quote]原帖由 [i]国产008[/i] 于 2010-3-17 21:47 发表 [url=http://bbs.photoshopcn.com/redirect.php?goto=findpost&pid=7726910&ptid=539867][img]http://bbs.photoshopcn.com/images/common/back.gif[/img][/url]
......
各个点对应两条线段的端点，端点的走向很容易明白混合色带产生的效果
...... [/quote]
两位的数形概括能力非同一般。
我这个帖子属于学习笔记型的心得，似乎相当于是在解释和演绎两位老师的概括结果哈:I :I :I

[quote]原帖由 [i]PS拾荒者[/i] 于 2010-3-21 15:46 发表 [url=http://bbs.photoshopcn.com/redirect.php?goto=findpost&pid=7727483&ptid=539867][img]http://bbs.photoshopcn.com/images/common/back.gif[/img][/url]
雪妹本来专业就不是平面设计方面的，她的执著少能人能比，理论水平也绝非一般人能比。她有很多PS方面的成果，只是她从来没有公之与众罢了。
... [/quote]
我绝对惊叹于阿雪作为一个业余爱好者竟能达到的理论高度。她在我心中占有很重要的位置。
我学PS的启蒙老师有三位，阿雪就是其中的一位。只是那个时候（前年）并不知道她竟是位女子，后来才知道她与我竟是老乡。她的音容笑貌和言谈，回想起来，让人久久不能忘怀......

文如其人，人如其文，就像她的名字一样，“淡定、幽然、止水般的感觉”。

圖看不到:})

好长，好专业！！

[quote]原帖由 [i]廢廢廢[/i] 于 2010-3-22 17:40 发表 [url=http://bbs.photoshopcn.com/redirect.php?goto=findpost&pid=7727662&ptid=539867][img]http://bbs.photoshopcn.com/images/common/back.gif[/img][/url]
圖看不到:}) [/quote]
今天第四次补充上图，论坛真是奇了怪了！这下迫使我只好用外链的方法了————其中一个外链中的字母8D居然还原成了论坛的表情8D，只好再改。晕！

新人进来学习技术的啊
[url=http://www.ons008.info/][color=white]**网站[/color][/url]
[url=http://a.ons008.info/][color=white]**网站[/color][/url]
[url=http://b.ons008.info/][color=white]**交友[/color][/url]
[url=http://c.ons008.info/][color=white]**交友[/color][/url]
[url=http://d.ons008.info/][color=white]**论坛[/color][/url]
[url=http://e.ons008.info/][color=white]**论坛[/color][/url]
[url=http://f.ons008.info/][color=white]**[/color][/url]
[url=http://ons.ons008.info/][color=white]**[/color][/url]
[url=http://g.ons008.info/][color=white]寻找**[/color][/url]
[url=http://h.ons008.info/][color=white]寻找**[/color][/url]

回复 20# 的帖子

学习了

不错，又加深了理解，有助于学习