站长中国
设为首页 | 站长论坛

站长论坛 站长下载
您所在的位置: 站长中国 > 站长学院 > 图形图象 > Fireworks > 正文

Fireworks 8 混合模式详解
  2007年09月16日13:49:25  评论(0条) 字体:[ ]
相关热点: 详解 模式 混合 图像 色彩 Color Fireworks

来源: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中每次只用两张图片来做演示。

混合图像

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

基准图像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)

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

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

叠加(Overlay)

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

柔光(Soft Light)

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

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


模糊光(Fuzzy Light)

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

强光(Hard Light)

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


排除(Exclusion)

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

取反(Negation)

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



收藏本文 打印 打印本文  推荐本文 告诉好友 投稿 投稿邮箱

站长排行

学院

新闻

专栏

盈利

[揭密网络黄链]中国留学生买凶专破日本
windows 2008中文版iis7+asp+php+Acces
贴吧发帖机使用教程(绝对原创)
超强弹出窗口代码,什么都挡不住
Windows Vista局域网网络连接设置
JSP语法(6)
FLASH视觉特效实例之地震效果
关于数据分页(转自www.codeproject.co
教你如何在Vista中设置麦克风
不用Photoshop 在线恶搞大头像
全国哀悼日网友自发QQ隐身上线 向死难
淘宝网卖家公然叫卖“艳照门”照片集
抗震救灾/鱼目混珠?
Google绿色专家质疑黑色背景网页节省资
阿里妈妈广告卖主全攻略
电影小说类相关关键字搜索量列表
爆笑 阿里就这样把亿告征服!
大脚:实战单页面优化关键词之——淘宝
国内各IT企业办公环境揭秘(多图)
心系灾区,点燃希望——手机QQ2008祈福
ECSHOP模板制作参考文档
悬挂阿里妈妈会否被百度惩罚
ECSHOP模板下载
阿里妈妈是否是中小站长的救世主?
最强网店ECShop发新版 众多酷炫功能给
土豆网,优酷网,爆米花等视频网站采集
DedeCms模板安装/制作概述
网上商店系统巅峰对决 ECShop vs ShopE
编程中国全站采集规则
http://www.mt86.com全站采集规则
性福联盟 一个不尊重站长的联盟
百度网络广告利润增长将会持续多久
大脚:日赚100元—揭露最新firefox欺骗
分享经验:个人网站如何月赚1万!
大脚:垃圾站超级赚钱法之二—突破“站
迅雷联盟、快车联盟收入对比
大脚:垃圾站超级赚钱法之——前言
Google Adsense的秘密 第二版
风险投资公司vc联系方式名录大全(一)
经理人必看的十个管理网站
站长学院  网页设计 建站教程 图形图象 网络编程

制定完整的网站
制定完整的网站
中国企业网站的
中国企业网站的

网站运营之怎么样来粘住你的用
网麒:网站建设创意
怎样提高网页快照更新
两种方法,教你如何通过微软正
英文网站优化细节
利用SSL加密增强FTP服务器的安
网页设计常用Javascript经典代

新闻线索

如果你有站长界人事变动、重组并购、变革技术出现,以及产品投诉等重要新闻线索,请告诉我们,我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线: 13156089008