图像混合模式算法探讨.docVIP

图像混合模式算法探讨 ?(2011-03-05 12:15:49) 转载▼ ?????????????????????图像混合模式算法探讨 ???????????????写在前面的话 ?????在读图时代，不懂ps就真正OUT啦。没有了混合模式ps也就不值一提了，而各种教程对混合模式的讲解都让人似懂非懂，使得我们在使用时像是在试验，效率很低。南园在这里试图通过代码对混合模式的内在工作机制（algorithm）加以探讨，希望能对大家有所帮助。千万不要被“代码”一词给吓到，南园非计算机出身，自学了一点AS3，对代码并不精通，所以会尽力以更易于理解的方式呈现给大家！ ?????当然，默认读者对图像知识有基本的了解，如果需要的话南园会在后续文章中为大家做相关介绍。另外需要声明的是很多算法来自网络和查看的各种中英文教程，在这里向作者致敬，在学习的同时加以整理以期与大家共享，不对之处更望大家指出。由于是边学习边整理所以南园会在以后的学习中不断对这些进行重新理解并完善修正个人理解的错误之处。所看到的各种算法只是列出了数学公式，为了降低大家的学习成本，将奉献南园对这些生硬的东东的理解，使你瞬间明白其中的玄机。对于这些算法，即使像南园一样经常用AS3写代码，也很少用到它，所以不用去记住，但是理解了它就能搞明白PS究竟在做些什么，然后更高效的使用它。 ?????在写这些时，一直在犹豫。首先南园是业余自学者，对知识的把握很有限，难免会出错，贻笑大方无关紧要，误导了谁就颇感愧疚了。其次，总想摒弃网络上那些冰冷的公式或解说（看后，懂的人懂得不懂得的人还是不懂得），试图一种更平易的方式让像我这样的业余自学者能很好理解，但是又面对知识储备不同的读者，所以在详略之间难以取舍。所以，希望大家根据个人情况选择合适的阅读速度，不要浪费时间听太多南园的啰嗦，涉及到陌生知识点南园会在以后文章中陆续提到，或读者自己去查找。 ?????个人认为未来图像与动画是很难分开的，flash 尤其是AS3为这个未来提供了无限可能。所以在整理中使用了AS3语言，为学习AS3的人了解这块知识提供一定的参考，那些不懂AS3的读者，丝毫不必担心，只需要关注函数中的数学公式就能理解混合模式的工作原理。 ? ? ???????哈哈，废话了这么多！只是对以下内容做必要的说明。现在让我们开始吧！ ???????那么，先让我们先来弄清楚什么是混合模式。帮助文档解释为“图层的混合模式确定了其像素如何与图像中的下层像素进行混合。”我们知道，计算机操作的只是一系列用以存储颜色信息的二进制数据，简而言之，所谓混合模式就是一系列算法（algorithm），使用这些算法对像素自身的颜色值，下层像素的颜色值进行计算，生成新的数据，也就有了我们运用混合模式后产生的新图像。另外需要注意的是，这种操作是针对单个通道的灰度图数据（即level值）进行的，单个通道取值通过各种限制方法实现取值在0到255之内，最后通过RGB模式表现为我们最终所见的颜色。明白了这些，如果你玩过Flash并且会写as代码,那么恭喜你，你完全有能力写出很多你自己的混合模式！听起来酷吧~~~ ? 一、?正常（normal） ? ??public function normal(topPixel:uint, bottomPixel:uint):uint { ???????????????????????return topPixel;//返回topPixel 的值 ??????????????????????} ???该模式下，下层图像像素值（bottomPixel）并不对图像产生影响，直接返回图像的值（topPixel）. 二、???溶解（Dissolve） ???该模式随机的选取图像中的像素值进行删除，然后用下一图层对应位置的像素值填充。这种随机选取是跟透明度绑定的，你甚至可以把“删除”理解为将不透明度设置为0，随着透明度的增大，被删除的点（或不透明度被设置为0的像素点会不断增多！）。（南园参考的英文文章直译过来并非这样解释，但是根据实验，个人认为这样理解更合适。属个人理解，并不一定正确。） ????画笔工具栏里同样有溶解模式，我们选择较虚的笔触绘画时，溶解效果较明显，笔触的虚化运用了透明度调节，边缘透明度的变化使得溶解效果增强，它们的内在机制是一样的。 ???注意：有必要拿正常模式和溶解模式进行比较，二者有很大的相似性。在图层不透明度都为100时，两者并无区别。但是当我们降低不透明度时便会发现二者的区别：正常模式是通过图层的原理实现两者的融合过渡，而溶解则是通过“随机删除对应填充”进行融合过渡的。 ????请原谅在这里没有给出as代码，毕竟此处是在整理PS中的混合模式，而非Flash 中 AS语言操控的混合模式（两者实质上是一样的），AS也没有