软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 平面设计 > 绘图软件中的混合模式是怎么回事?

绘图软件中的混合模式是怎么回事?

  烈火网(LieHuo.Net)教程 在Photoshop或者Fireworks,包括新的Flash等软件中都有关于“混合模式”这个功能,很多初学者搞不清楚它是什么,那么它倒是是怎么回事呢?

  在这里,我们就来从原理上解释一下“混合模式”是怎么回事。混合模式实际上是不同图层上的像素之间的一种运算规则,看了这句话可能还不理解其中的具体含义,因此下面我们就来举一个最基本的例子来说明它。

  例如在Photoshop和Fireworks中都有一种混合模式叫作“差异”,我们就以它为例来说明“混合模式”的作用。

  下面具体解释一下混合模式的含义,大家可以跟随下面的讲解实践一下,用Fireoworks或者Photoshop都可以,将画布背景色设置为白色,然后绘制两个红色的圆形,并且让他们有部分重合,像下图中的①号图那样,注意我们这里让右边圆形的图层在左边圆形的上面,也就是说右边的圆形压着左边的圆形,这一点很重要!

blend-mode

  下面分4步讲解:

  (1)当我们没有做任何关于混合模式的设置时,实际上就是混合模式中的“正常”模式,就是①号图显示的样子,注意,对每一个对象都可以设置混合模式,因此现在的情况是两个对象的混合模式都是使用“正常”模式时的效果,也就是最常用的效果。我们看到的就是两个交叉的红色圆形。

  (2)②号图中,把左边的圆形(也就是下面的圆形)的混合模式设置为“差异”模式,这时可以看到左边的圆形变为了绿色,而右边的圆形没有变化,这是什么原因呢?

  解释这个需要一点数学知识,每个像素的颜色是由红绿蓝3个分量共和决定的,每个分量都可以是0~255之间的一个数值,数值越小表示该像素中这个颜色分量越少。例如,图中的纯红色,它的颜色可以表示为(255,0,0),即红色分量已经取到最大,另两种分量都没有,而白色则表示为(255,255,255),即3种分量都取到最大。

  现在观察图中的②号图,它的右边还是“正常”模式,即完全覆盖它下面一层的像素,因此还是红色,而左边的圆形对象设置为“差异”模式,那么它显示的颜色将是它和它下面一层的像素之间求差之后的颜色,白色和红色之间的差色,即(255,255,255)减去(255,0,0)等于(0,255,255),这是什么颜色呢?这恰是在②号图中看到的蓝色。

  (3)接下来在③号图中,左边是“正常”模式,而右边是“差异”模式,因此右圆没有覆盖左圆的部分是蓝色,而右圆覆盖左圆的部分的颜色将由红色与红色求差,即(255,0,0)减去(255,0,0)等于(0,0,0),因此,这个枣核形区域的颜色是黑色。

  (4)接下来,把两个圆都设置为“差异”模式,就会得到④号图的效果,蓝色部分不再解释,中间的枣核形区域为什么变成白色呢?因为,左圆由于差异模式后变为蓝色,再和上面的红色求差,即(0,255,255)减去(255,0,0)等于(255,255,255),所以又变成了白色。需要注意的是,实际上严格来说应该是相减以后再取一次绝对值。什么是绝对值?例如负5的绝对值就是正的5,正的5的绝对值还是正的5。

  有此可以看出,本质上,每一种混合模式的就是一种像素颜色之间的数学运算,由于各种运算的规则不同,也就产生了不同的模式和效果

  如果读者对各种模式的计算方法感兴趣,可以查阅相关网页http://www.pegtop.net/delphi/ articles/blendmodes/,它深入地讲解了各种混合模式的计算方法。当然,这里更多的是为了给开发像Photoshop这样的软件的软件程序开发人员学习的,作为用户我们并不需要这么深入地理解它。

  因此,从大多数用户的角度来说,我们的任务是绘画,而不是计算,因此,实际上作为设计师并不需要懂得每种模式的具体意义,实际上也是很难描述每种模式到底会对一幅图像产生什么样的效果。因此设计师大多是通过经验和感觉来逐渐掌握混合模式的用法的。

  总结来说,这篇文章以“差异”这种最简单的混合模式,说明了“混合模式”的原理。下次我们结合更多的“混合模式”看一看混合模式是如何把“数学”和“艺术”二者结合起来的!

    相关阅读
    栏目导航
    推荐软件