站内搜索:     
站点首页破釜学院平面设计Fireworks → Fireworks 8 混合模式详解
正在加载相关信息.....
Web 站内搜索
Fireworks 8 混合模式详解
】【打印】【加入收藏】【关闭收藏到新浪ViVi】【收藏到365KEY】 浏览字号:
日期:2006-05-21 人气: 出处:蓝色理想 作者: Jim Babbage 翻译:梦觉

来源:www.communitymx.com
作者:Jim Babbage
翻译:梦觉 http://www.bitgenius.com

[ 下载实例文件 ]
(文件大小16.5M,包含三个PNG源文件,英文版PDF格式源教程)

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

混合模式可以被用在Fireworks的图层和对象上面,混合效果主要是由被混合的图象的色彩影响,同时也受层和对象得不透明度影响。
我将这篇文章分为三个部分:
一、混合模式-快速入门。
二、Fireworks 8的新的混合模式。
三、使用混合模式创造

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

坦白的说,我从未意识到混合模式涉及到如此多的数学问题,我并不想假装理解这些数学公式,但是如果你有兴趣,请先浏览以下网址:http://www.pegtop.net/delphi/blendmodes/ 以了解这些模式所蕴含的数学公式而不仅仅是在PNG文件中不停的改变他们。
我在这里所介绍的混合模式是基于我自己的一些试验和研究。无论如何,对我来说这些色彩模式的一些解释只有那些科学家才能明了。在这种情况下我只是尽可能的说明我所能理解的一些变化。

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

一个混合模式包含了如下元素:
Opacity:不透明度。
Blend color:混合颜色。使用填充工具的填充色或将要应用混合模式的层已有的色彩。
Base color:基本颜色。混合模式下面的颜色。
Result color:结果颜色。混合后的色彩。
混合模式由一个图层或一个对象与它下面的对象混合而成,如果你在层面版中应用了一个混合模式,它将影响整个图层或对象。

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

每一个对象和每一个图层可以有它自己的混合模式。
混合模式也可以被应用在矢量工具上,如:Shapes、文本、钢笔和直线工具。你可以再绘制前设定好混合模式,也可以在绘制好之后设置。即使矢量对象填充了位图纹理或图案以后,应用到矢量图形上的混合模式也总是可编辑的。
删除混合模式的另一个强大功能是你可以将它应用在位图填充工具上(笔刷、铅笔、油漆桶)。选择以上的一个工具,选择一种填充色,然后从属性面版选择一种混合模式开始绘制,这给了你一个非常细致的控制混合效果的途径,但不幸的是与对象和图层应用效果不同,这种方法也是破坏性的,它永久的改变了像素的色值。我想这个功能对使用绘图笔的用户非常有用,当然使用鼠标也是很有趣的尝试。

(图一:两张图像的拼合,使用一个矢量遮照和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  反转和色调模式被归为一组,但我认为他们应该分别归在反转和添色模式中。

第二部分、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中每次只用两张图片来做演示。

>>>> 进入论坛交流 <<<<