您好,欢迎来到素彩网!

Fireworks 8 混合模式详解

来源:sc115.com | 421 次浏览 | 2011-07-22

标签: Fireworks 8.0 Fireworks 8 混合模式详解 Fireworks 8 教程

  Fireworks 8整合了大量有趣的功能,但在我看来,其中最酷的一个就是新增的26种混合模式。这些新增的混合模式打开了一个创造性潜能的世界。我无法不接受它,因为我是一个Fireworks痴迷者。我在Fireworks中处理大量的图形,同时我也不断的尝试、创造各种可能的效果。新的混合模式给了Fireworks一个更广阔的舞台。

  混合模式可以被用在Fireworks的图层和对象上面,混合效果主要是由被混合的图象的色彩影响,同时也受层和对象得不透明度影响。

  我将这篇文章分为三个部分:

  一、混合模式-快速入门。

  二、Fireworks 8的新的混合模式。

  三、使用混合模式创造

  一、混合模式-快速入门。

  坦白的说,我从未意识到混合模式涉及到如此多的数学问题,我并不想假装理解这些数学公式,但是如果你有兴趣,请先浏览以下网址:http://www.pegtop.net/delphi/blendmodes/ 以了解这些模式所蕴含的数学公式而不仅仅是在PNG文件中不停的改变他们。

  我在这里所介绍的混合模式是基于我自己的一些试验和研究。无论如何,对我来说这些色彩模式的一些解释只有那些科学家才能明了。在这种情况下我只是尽可能的说明我所能理解的一些变化。

  对任何混合模式来说,必须有至少两个对象或这两个保持像素的图层。混合模式的结果是基于每一个对象上的像素通过选择的模式如何发生变化。

  一个混合模式包含了如下元素:

  Opacity:不透明度。

  Blend color:混合颜色。使用填充工具的填充色或将要应用混合模式的层已有的色彩。

  Base color:基本颜色。混合模式下面的颜色。

  Result color:结果颜色。混合后的色彩。

  混合模式由一个图层或一个对象与它下面的对象混合而成,如果你在层面版中应用了一个混合模式,它将影响整个图层或对象。

  你不能对一个位图选区应用混合模式,但你可以将混合模式应用在填充工具和笔刷工具上。

  每一个对象和每一个图层可以有它自己的混合模式。

  混合模式也可以被应用在矢量工具上,如:Shapes、文本、钢笔和直线工具。你可以再回之前设定好混合模式,也可以在绘制好之后设置。即使矢量对象填充了位图纹理或图案以后,应用到矢量图形上的混合模式也总是可编辑的。

  uhunhe混合模式的另一个强大功能是你可以将它应用在位图填充工具上(笔刷、铅笔、油漆桶)。选择以上的一个工具,选择一种填充色,然后从属性面版选择一种混合模式开始绘制,这给了你一个非常细致的控制混合效果的途径,但不幸的是与对象和图层应用效果不同,这种方法也是破坏性的,它永久的改变了像素的色值。我想这个功能对使用绘图笔的用户非常有用,当然使用鼠标也是很有趣的尝试。

  (图一:两张图像的拼合,使用一个矢量遮照和subtractive混合模式应用在了图像的水平方向,此外还使用了放大模糊和多种不同参数和混合模式的笔刷设置,参看源文件beach_blend.png)

  你也可以在笔刷工具和位图选区中综合使用混合模式,以增强图形的细节区域。在下面的示例中,我使用模式帮选择了黄色的树叶,然后使用笔刷工具(Paint Brush tool),我选择了Freeze混合模式和#FF6600的填充色给这片树叶赋予了一些超现实的奇妙效果。

 

  (图二、使用位图选区和笔刷或油漆桶工具,你可以将混合模式应用在图像本身上)

  混合模式分类

  在Fireworks中混合模式被分为9种不同的分类,我是这样描述他们的:

  Opacity Modes(不透明模式) - Normal and Average

  Darkening Modes(暗化模式) - Darken, Multiply, Color Burn, Inverse Color Burn and Soft Burn.

  Lighten Modes(亮化模式) — Lighten, Screen, Color Dodge, Inverse Color Dodge and Soft Dodge.

  Lighting Effects Modes(光照效果模式) — Overlay, Soft Light, Fuzzy Light and Hard Light

  Invert Modes(反转模式) — Difference, Exclusion, Negation

  Color Modes(添色模式) — Hue, Saturation, Color, Luminosity, Red, Green Blue

  Thermal Modes(热模式) — Reflect, Glow, Heat and Freeze (ok, ok, Thermal is my idea, but with blend mode names like heat and freeze, I couldn't help myself)

  Math Modes(数学模式) — Additive, Subtractive, Subtract, Interpolation, Stamp and XOR

  Invert and Tint are grouped together but I think they'd be happier in the Invert and Color families 反转和色调模式被归为一组,但我认为他们应该分别归在反转和添色模式中。

  第二部分、Fireworks 8中新的混合模式

  在Fireworks中我们可以获得26种新的混合模式,早期版本中的混合模式仍旧存在,这其中的一些模式即使在Photoshop中也不存在。因此,当你在Photoshop中打开从Fireworks输出的PSD文件时,Photoshop可以识别他自身包含的各种混合模式。

新的混合模式

  Average

  Color Burn

  Inverse Color Burn

  Soft Burn

  Color Dodge

  Inverse Color Dodge

  Soft Dodge

  Overlay

  Soft Light

  Fuzzy Light

  Hard Light

  Exclusion

  Negation

  Heat

  Red

  Green

  Blue

  Reflect

  Glow

  Freeze

  Additive

  Subtractive

  Subtract

  Interpolation

  Stamp

  XOR

  还有一个好消息是,Flash 8也支持许多Fireworks 8中的混合模式,Flash 可以读取Fireworks的PNG源文件中的数据,当Flash 读入PNG文件时,可识别的混合模式被直接转换为Flash中相应的混合模式。

混合模式比较

  FIREWORKS

  FLASH

  Darken

  Multiply

  Lighten

  Screen

  Overlay

  Hard light

  Additive

  Subtractive

  Difference

  Invert

  Erase

  Darken

  Multiply

  Lighten

  Screen

  Overlay

  Hard light

  Add

  Subtract

  Difference

  Invert

  Erase

  虽然每种混合模式在数学上是不同的,但在很多案例中,这些区别是非常微妙的、也可能是非常奇异的,这完全取决于你使用的图像。我强烈建议你亲身拿他们做实验。

  混合模式的这种极大的弹性常常使人畏缩,正是如此你可能不知从哪里开始使用他们。为了帮助你从这种困境中走出来,下面对每种新的模式用了简单的图像和尖端的描述来介绍它们。据我猜想,混合两张标准的位图图像仅仅是冰山的一角,调整图层的混合模式的不透明度可以让你注意到非常明显的变化。为统一起见,下面的所有示例中的混合模式都设定了100%的不透明度。

  很多情况下,混合两张完整的图像对混合效果来说并不公平,因此不要认为下面的混合结果能代表混合模式的全部价值。使用包含不同色彩和亮度的不同图像将极大影响混合模式得处理后作品。在某些情况下,使用填充工具的混合模式可能更能突出实际价值。

  为了对每种模式作一个对比参照,我坚持在各种混合模式中对上面的对象使用同样的图像,但我选了两张不同的图像作为基准图形。正如你在这里看到的,每一种混合模式在Fireworks中每次只用两张图片来做演示。

  混合图像

  这是将使用混合模式的图像,它是两张图像中位于顶端的那一个。

  基准图像1

  这是下面的图像,顶部图像的色彩和它混合,产生后面你将要看到的效果。

  基准图像2

  这是另一个基准图像,我用这张图像来向你展示基准色彩如何影响混合图像。

  Blend Mode Examples

  平均(Average)

  Average模式看起来和Normal模式设为50%透明度是很相像。它也类似于Additive和 Subtractive模式,它们的主要不同在于对比度和饱和度。

  变暗(Color Burn )

  混合图像色彩亮度值修改了下面图像,并使之变暗。混合图像中的白色部分没有发生改变。在我们的这个示例中,顶部图像主要由亮黄色的花组成, 因此我们得到了饱和度增加的黄色树叶和饱和度增加了红色玫瑰花。混合图片中的黑色区域屏蔽掉了基准图像的对应部分。

  反选颜色加深(Inverse Color Burn)

  在这个深饱和度的例子中黄玫瑰穿越基准图形显示了外形,而在第二个例子中它们看起来就像是红玫瑰一样。

  柔化加深(Soft Burn)

  柔化加深与上面类似,只不过饱和度和对比度稍有不同。

  颜色减淡(Color Dodge)

  混合图像中的亮色调部分修改了下面基准图像的色彩,使他们变得更亮,而黑色部分没有影响。

  在这两个例子中,图像看起来仿佛曝光过度,并有着较高对比度。

  反选颜色减淡(Inverse Color Dodge)

  在这个例子中,亮黄色的玫瑰和下面的深红色玫瑰混合,我们得到了较柔和的色彩。我更喜欢这个效果。

  使用这种模式的第二个例子的效果我非常喜欢。

  叠加(Overlay)

  这个模式综合了 Multiply 和Screen模式,主要受基准图像颜色的影响。

  柔光(Soft Light)

  这种模式中,色彩是变暗还是变亮依赖于混合颜色, 他由模糊光和强光两种模式组成,最终创造了一种柔和阴影、柔和高光的效果,与其它实例相比有着较低的对比度,较少的饱和度。

  在这两个例子中,基准图像的亮色调被混合图像的亮色调改变了。

  模糊光(Fuzzy Light)

  同柔光效果非常相似,只是阴影区域看起来更深一些。

  强光(Hard Light)

  由Screen模式和Multiply 模式组成,常用在显示强光照射下的效果。

  排除(Exclusion)

  混合色彩从基准色的反转色中减去,反转的颜色是根据这两种颜色的不同来决定,黑色部分不进行改变。

  取反(Negation)

  同排除模式相近,但色彩更亮,差异更明显。

  红(Red)

  在这里你可以看到黄玫瑰的亮区域混合后看起来就像在第一个基准图像上加了一个红色的遮罩。

  绿色和蓝色混合模式也是相同的性质。

  绿(Green)

  注意当底部图像是黑色时,混合图像的亮部添加了绿色的效果,当底部色彩不是黑色时,混合后图像的色彩是绿色和基准色的混合色。

  

  蓝(Blue)

  注意当底部图像是黑色时,混合图像的亮部添加了蓝色的效果,当底部色彩不是黑色时,混合后图像的色彩是蓝色和基准色的混合色。

  反射(Reflect)

  这个模式与颜色减淡模式很相似,但色彩看起来更暗,饱和度更高。

  发光(Glow)

  和反色模式相对应,你可以看到这个例子中混合图像有更多的细节。

  冻结(Freeze)

  显然这个模式是反射模式的加强,反转、再反转。

  加热(Heat)

  这个模式是和冻结模式相对应,对我来说这个模式的效果非常粗燥,特别是第二个例子中。

  添加的(Additive)

  这个模式倾向于使图像整体变亮。它将基准图像的色彩也添加到了混合图像上。

  

  除的(Subtractive)

  我喜欢这个图片中精细的暗色调,它看起来非常暗淡,但仍有很多细节。他和添加模式对应。

  去除(Subtract)

  黄玫瑰色调反转后和基准图像混合。

  

  插值法(Interpolation)

  由multiply和Screen模式混合而成。他和平均模式很相似,但对比度有了一些改善。

  图章(Stamp)

  相当于在一次应用平均模式,但效果更饱和更明亮。较亮的色彩和较暗的色彩使背景色更亮和更暗,但灰色调部分并不影响背景色的效果。在我们的实例图像,我们有特别明亮的部分,因此最终的效果非常鲜明。

  

  异或(XOR)

  坦白的说,我像这种模式对照片来说不是很好,我从不在照片上使用这种模式。我认为他非常酷—超乎想象。对我来说,他仿佛就是把三种不同的混合模式组合到了一起。

  就像我前面提到的,将一种混合模式应用到一个图像上并使另一个图像的效果发生改变仅仅是一个开始。一旦你开始在矢量对象和位图对象上使用混合模式,或者在不同尺寸的对象上应用后,你就能真正的开始你的旅程了。打开下面的实例。

  

  点击该图片可以放大观看

  图二:完成的合成图像,使用了多种混合模式,遮罩和新的增加投影命令。

  1、复制背景图层。

  2、在上面的图像上增加高斯模糊效果。

  3、对同一个图像应用Darken混合模式。

  4、在照片上创建一个新的图层。

  5、选择举行工具。

  6、在属性面板设置图层的混合模式为冻结(Freeze)

  7、改变填充效果为“涂抹-绿色”图案。

  8、设置描边为亮灰色(#CCCCCC),4个像素,Hard Line线条。

  9、绘制一个260X190的矩形,注意这个矩形是半透明的。它不同于调整矩形的不透明度。即使这个对象现在是半透明的,一些部分的色彩细节仍旧很丰富,另一些部分的几乎消失。你可以注意到这个效果是如何和下部的图像协调在一起,暗部有更多的色彩和细节,亮部有较少的色彩和细节,这些部分和雪地里的相比较是显而易见的。

  10、把矩形放置在雪地1/4的位置,注意当它覆盖在雪地上时显示了绿色的纹理。

  11、调整图案的填充角度。

  12、复制三个矩形,把它们按顺序放好。

  13、按顺时针方向,分别改变每种混合模式

  Heat, Opacity : 80

  Add Live Effect Hue/Saturation

  Set Saturation to -100

  Interpolation, Opacity: 100

  Add Live Effect Hue/Saturation

  Set Hue to 127

  Soft Dodge, Opacity: 100

  Add Live Effect Hue/Saturation

  Set Saturation to -100

  14、激活最初复制的雪地图像。

  15、使用矩形选区工具,沿这四个小矩形的周围绘制一个选区。在属性面板中改变宽高值,确信选区正确。

  16、执行命令 选择>反转选择

  17、在层面板中点击增加遮罩,这将在原始图像中扣出一个部分,而不用删除原始图像。此时锐化的部分出现了。

  18、增加文本“Northland Winter”

  19、用我们已经用过的矩形填充图案填充它。

  20、增加一个阴影,或者用新增的“添加阴影”命令增加一个效果。这个命令创造了一个渐变的机遇选择的矢量对象的阴影效果。

  何处是终点?

  我有意使用了非常不同的图像来试验混合模式,以此为例,希望你能看到你可以获得的具有创造性的选择权。这真的不是结束,更大的挑战是为图像的结合发现更好的混合效果。

搜索: Fireworks 8.0 Fireworks 8 混合模式详解 Fireworks 8 教程 

最热-Fireworks 8 教程

Fireworks 8 混合模式详解

Fireworks 8 寻梦之旅(4):其他面板

Fireworks 8 寻梦之旅(4):其他面板

Fireworks 8 寻梦之旅(5):菜单新变化

Fireworks 8 寻梦之旅(5):菜单新变化

iPhone手机主题图标打造详解

素材
伊斯兰风格城堡建筑矢量图-1伊斯兰风格城堡建筑矢量图-1
伊斯兰风格城堡建筑矢量图-2伊斯兰风格城堡建筑矢量图-2
潮流商务概念对话框矢量图-4潮流商务概念对话框矢量图-4
淡雅花纹底纹装饰框文本设计矢量图-1淡雅花纹底纹装饰框文本设计矢量图-1
潮流商务概念对话框矢量图-2潮流商务概念对话框矢量图-2
兰龙创意标志中文字体设计集合兰龙创意标志中文字体设计集合
潮流商务概念对话框矢量图-1潮流商务概念对话框矢量图-1
可爱卡通插画猫可爱卡通插画猫
可爱卡通插画动物可爱卡通插画动物