Fireworks 8 尋夢之旅(7):新增圖層混合模式詳解

來源:互聯網
上載者:User
詳解

  上一節:Fireworks 8 尋夢之旅(6):實戰操作

  五、新增圖層混合模式詳解

  在Fireworks8裡面,一個變化最大的地方就是圖層混合模式,居然史無前例的提供了總共39種混合模式,相比較先前的Firewroks版本來說,增加了足足有26種新的混合模式,而且有的混合模式效果就是在Photoshop軟體中也沒有出現。對於已經習慣了使用Fireworks來進行工作的使用者來說,可以說是一個不小的驚喜,也可以說對於Fireworks這個軟體本身來說是一個非常巨大的變化。

  我們知道,當選擇使用混合模式後,Fireworks 會將它應用於所有所選的對象。單個文檔或單個層中的對象可以具有與該文檔或該層中其它對象不同的混合模式。當具有不同混合模式的對象組合在一起時,群組對象的混合模式優先於單個對象的混合模式,一旦取消群組對象則會恢複每個對象各自的混合模式。

  [提示1]:圖層混合模式不能在元件對象中使用,也就是說即使在元件對象的編輯區內進行了層混合模式的設定,一旦返回到編輯區後,所有的混合模式設定均不會在編輯區上體現出來。

  [提示2]:其實每一種混合模式的使用所產生的效果都是通過對相關數值進行計算後而產生的,具體是如何計算的,我們就不必去管它了,我們所要做的就是要搞清楚在實戰中這些混合模式會產生怎樣的特效以及如何應用它們即可。如果你對於這方面的知識想深入的瞭解掌握的話,可以通過訪問Fireworks8提供的協助文檔中推薦的網站 http://www.pegtop.net/delphi/blendmodes/ ,相信你定會瞭解到更多的相關資訊的

  [提示3]:使用位元影像工具組的工具對位元影像對象進行操作時,可以預先在屬性偵測器上設定其混合模式,然後再對位元影像對象進行操作,不過這樣的操作會在位元影像對象上直接進行,也就是說對位元影像對象會造成破壞,需要三思後再進行操作。

  [提示4]:即使是單獨的層對象,同樣可以進行混合模式的設定。

  [提示5]:可以通過使用屬性偵測器上濾鏡菜單中的“調整顏色|顏色填充”命令,來進行填充顏色的圖層混合模式調整,這是一種在不損原映像像素情況下的最合理的圖層混合模式應用的方式。

  [提示6]:如果將應用了圖層混合模式的對象匯入到Flash8裡面的話,對於兩者共同擁有的圖層混合模式,Flash8均可正常顯示。

  本章主要針對Fireworks8中新增的混合模式來進行講解,對於在原有版本中已經存在的混合模式就不再進行贅述了。

  在具體混合模式的操作中,我們將應用混合模式的顏色稱為“混合顏色”;將混合顏色下的像素顏色稱為“基準顏色”;而對基準顏色應用混合模式的效果所產生的結果則稱為“結果顏色”。在具體的混合模式設定中還要涉及到對“不透明度”的設定,這其實就是對應用混合模式的透明度進行的設定。

  (一)、新增混合模式的總體瞭解(括弧內模式為原有的模式)。

  不透明模式:平均; (正常)

  變暗模式:顏色加深、反選顏色加深、柔化加深;(變暗、色彩增殖)

  變亮模式:顏色減淡、反選顏色減淡、柔化減淡;(變亮)

  光照效果模式:疊加、柔光、模糊光、強光;

  反差模式:排除、取反;(差異、反轉)

  調整顏色模式:紅、綠、藍;(色相、飽和度、顏色、發光度、色調)

  光熱模式:反射、發光、凍結、加熱;

  計算模式:添加的、去除的、去除、插值法、圖章、異或(擦除)。

  (二)、通過具體的執行個體操作來對新增的圖層混合模式做全面瞭解。

  本部分操作中使用到的基準映像為

  混合映像為兩個使用“紅、綠、藍”顏色進行線性填充的相同的矩形對象

  [注意]:

  1、本部分的教程為了使大家對於土層混合的理解更為清楚,也更為簡單,我們採用了對比操作的方式來進行講解,希望大家能夠比較輕鬆的來進行本部分的學習。

  2、如不做特別提示的話,所有混合模式的不透明度的設定都為“100%”。

  1、平均

  我們在具體操作中,對左側矩形混合對象使用了“平均”混合模式,而將右側矩形混合對象的混合模式保持為“正常”,只是將不透明度的數值設為了50,比較兩側產生的效果,參看下圖,可以發現產生效果基本相同。得出如下結論:

  使用“平均”模式所產生的效果,相當於在“正常”模式下,將不透明度設定為原來的50%後產生的效果。

  2、顏色加深

  將矩形混合映像的填充效果作一個調整,出現如下圖所示的效果。

  對左側的矩形混合映像使用“顏色加深”的混合模式,而對右側的矩形混合映像使用“色彩增殖”的混合模式,可以發現在大的顏色區塊範圍的混合效果兩者接近相同,從而可以得知顏色加深混合模式也是以混合顏色乘以基準顏色,從而產生較暗的顏色的這樣一種操作原理。

  但是兩種混合模式肯定又是不同的,參看上圖顏色過渡地區的混合效果,可以初見端倪,接著再通過執行個體來驗證有何不同,將矩形混合映像的填充效果再做一個調整,恢複到如下圖所示的效果。

  同樣對左側的矩形混合映像使用“顏色加深”的混合模式,而對右側的矩形混合映像使用“色彩增殖”的混合模式,可以發現使用顏色加深混合模式後不僅對單色進行增殖處理,而且對於過渡顏色的處理也是更為細緻,亮色更亮、暗色更暗,所以顏色表現的更為出色。

  3、反選顏色加深

  對左側的矩形混合映像使用“反選顏色加深”的混合模式,而對右側的矩形混合映像使用“變暗”的混合模式。我們知道“變暗”混合模式的機理是選擇混合顏色和基準顏色中較暗的那個作為結果顏色,並且將替換比混合顏色亮的像素。兩種混合模式都基本上實現了這種效果,但是“反選顏色加深”的混合模式在處理這些顏色時將程度加強了,顏色暗的會更加暗,顏色亮得則更加亮了。請參看下圖。

  4、柔化加深

  對左側的矩形混合映像使用“柔化加深”的混合模式,而對右側的矩形混合映像使用“顏色加深”的混合模式。可以看到“柔化加深”的混合模式同樣會對顏色進行疊加操作,不過產生的色彩會柔和許多,我嘗試著將右側使用“顏色加深”混合模式的不透明度作一個數值變小的操作,卻發現無法實現左側運用“柔化加深”混合模式的效果,可見“柔化加深”混合模式並不是對“顏色加深”混合模式做的一種簡單的不透明度的調整,而是一種更為複雜的操作的結果。

  5、顏色減淡

  對左側的矩形混合映像使用“顏色減淡”的混合模式,而對右側的矩形混合映像使用“螢幕”的混合模式。我們都知道,“螢幕”混合模式的工作原理就是用基準顏色乘以混合顏色的反色,從而產生漂白效果,而“顏色減淡”的混合模式則是由於混合映像中高亮的顏色部分對基準映像作了顏色修改操作,從而使得顏色看起來更亮,也更接近於漂白的效果,但是該混合模式對於同色系的顏色所做的調整並不是很大。

  6、反選顏色減淡

  對左側的矩形混合映像使用“反選顏色減淡”的混合模式,對右側的矩形混合映像使用了“顏色減淡”的混合模式。經過對“顏色減淡”進行的反選操作,使得混合映像在反選顏色的前提下對基準映像進行顏色減淡的操作,從而出現了一種類似水粉畫的效果來,我們也可以製作自己的水粉畫啦!呵呵!

  7、柔化減淡

  對左側的矩形混合映像使用“柔化減淡”的混合模式,對右側的矩形混合映像使用了“顏色減淡”的混合模式。通過操作可以看出“柔化減淡”的混合模式會使得色彩變得更為柔和,也更容易在減淡顏色的基礎上仍然保持原有的色彩性質。

  8、疊加

  對左側的矩形混合映像使用了“疊加”混合模式,對右側的矩形混合映像使用了“螢幕”混合模式。“疊加”模式把映像的“基色”顏色與“混合色”顏色相混合產生一種中間色。“基色”內顏色比“混合色”顏色暗的顏色使“混合色”顏色倍增,比“混合色”顏色亮的顏色將使“混合色”顏色被遮蓋,而映像內的高亮部分和陰影部分保持不變,因此對純黑色或純白色像素著色時“疊加”模式不起作用。

  所以說,對顏色執行“疊加”模式或“螢幕”模式,這取決於底色。在保護底色的高光和暗調時,圖案或顏色會疊加現有象素。底色不被替換,但會與混合顏色混合以反映原顏色的亮度或暗度。

  [提示]:在混合模式講解完畢後,會有專門的執行個體講解來對疊加混合模式做進一步的探討。

  9、柔光

  對左側的矩形混合映像使用“柔光”混合模式,對右側的矩形混合映像使用了不透明度為50%的“疊加”混合模式。在操作中可以理解到,如果混合顏色(光源)比 50% 灰色亮,則圖象會變亮,就象被減淡一樣;如果混合顏色比 50% 灰色暗,則圖象會被變暗,就象被加深一樣。用純黑色或純白色繪畫,會產生明顯較暗或較亮的地區,但不會產生純黑色或純白色。也就是說: 柔光”模式會產生一種柔光照射的效果。如果“混合色”顏色比“基色”顏色的像素更亮一些,那麼“結果色”將更亮;如果“混合色”顏色比“基色”顏色的像素更暗一些,那麼“結果色”顏色將更暗,使映像的亮度反差增大。

  10、模糊光

  對左側的矩形混合映像使用“模糊光”混合模式,對右側的矩形混合映像使用了“柔光”的混合模式。相比較“柔光”混合模式而言,“模糊光”混合模式所產生的效果更為柔化,過渡更為平滑一些,顏色邊緣也更為柔軟。

  11、強光

  對左側的矩形混合映像使用“強光”混合模式,對右側的矩形混合映像使用了“疊加”混合模式。首先給我們的感受就是該種混合模式更為強烈的展現了混合映像的顏色效果,這種效果就好像是將耀眼的聚光燈照在圖象上似的。

  如果“混合色”顏色“基色”顏色的像素更亮一些,那麼“結果色”顏色將更亮;如果“混合色”顏色比“基色”顏色的像素更暗一些,那麼“結果色”將更暗。除了根據背景中的顏色而使背景色是多重的或屏蔽的之外,這種模式實質上同“柔光”模式是一樣的,不過它的效果要比“柔光”混合模式更強烈一些,同“疊加”混合模式一樣,這種模式也可以在基準映像的表面類比圖案或文字效果。

  [注意]:有關在基準映像的表面類比圖案或文字效果的具體操作請參看後面“疊加”混合模式講解的執行個體。

  12、排除

  對左側的矩形混合映像使用“排除”混合模式,對右側的矩形混合映像使用了“差異”混合模式。“排除”模式與“差異”模式相似,但是具有高對比和低飽和度的特點,其與白色混合會使底色值反相,與黑色混合不產生變化。“排除”模式比用“差異”模式獲得的顏色要柔和一些。我們可以在處理映像時,首先選擇“差異”模式,如果效果不夠理想地話,可以再選擇“排除”模式來試試。

  13、取反

  對左側的矩形混合映像使用“取反”混合模式,對右側的矩形混合映像使用了“排除”混合模式。很顯然該模式產生的效果是介於“排除”混合模式和“差異”混合模式之間,比起“差異”模式來,該模式產生的效果要更柔和一些,較“排除”模式呢,該效果產生的效果要更為明亮一些。

  [加油站]:為了便於大家對於色彩的一些深入瞭解,我們這裡對色彩的色相譜做一個簡單的瞭解,首先先來看下圖這個色相盤:

  所謂色相就是指顏色的色彩種類,分別是:紅色、橙色、黃色、綠色、青色、藍色、紫色。這七種顏色頭尾相接,形成一個閉合的環。如果以X軸方向表示0度起點,這個色相盤就是按照逆時針方向展開的。如下圖所示:

  我們將在這個環中,位於180度夾角的兩種顏色(也就是圓的任意一條直徑兩端的顏色),稱為反轉色或者 互補色。

  14、紅、綠、藍

  從左至右,依次對矩形混合映像分別使用了“紅”、“綠”、“藍”三種混合模式。對於混合映像而言,相應的紅、綠、藍色地區在分別使用了“紅”、“綠”、“藍”混合模式後會採用一種顏色疊加+柔化的方式而存在,而對於相應的其他的顏色地區而言,則是以該顏色的互補色與基準映像進行顏色疊加+柔化的方式而存在了。為了便於理解我所說的這句非常繞嘴的話,我們下面通過具體的實驗來理解一下。

  首先,我們將基準映像做一個替換,將其替換為一個黑色填充的矩形對象,混合映像不做變化。接下來依次對矩形混合映像分別使用了“紅”、“綠”、“藍”三種混合模式,即可出現下圖所示的效果。由此我們可以得知,在依次對黑色基準映像進行這三種混合模式操作時,紅色、綠色、藍色這三種原色會分別在“紅”、“綠”、“藍”三種混合模式中高亮顯示,而其他的色彩元素則直接和背景做透明融合處理了。

  反之,如果將基準映像替換為一個白色填充的矩形對象的話,在依次對黑色基準映像進行這三種混合模式操作時,紅色、綠色、藍色這三種原色會分別在“紅”、“綠”、“藍”三種混合模式中顯示為透明,而其他的色彩元素則會分別以紅色、綠色、藍色這三種顏色的互補色(青色、紫色、黃色)的形式出現,與基準映像做顏色疊加操作、且高亮顯示。

  [注意]:為了便於後面幾種Fireworks 8專屬的混合模式的講解,我們現在講基準映像做一個細微的調整。在映像上左右分別添加上兩列黑、白純色的填充區,如下圖所示。混合映像不做調整。

  15、發光

  對左側的矩形混合映像使用“發光”混合模式,對右側的矩形混合映像使用了“強光”混合模式。通過對比,可得出如下結論,在使用“發光”混合模式時,對於純黑色基準映像,其混合效果與“強光”混合效果相當,而對於白色基準映像,則不發生任何作用,直接顯示為白色。相比較“強光”模式,“發光”模式較之表現的更為強烈一些。所以說,對於混合映像中的所有顏色,在使用“發光”混合模式後產生的效果中會以更為飽滿的顏色方式和基準映像進行疊加後而顯示。當然,要排除掉基準顏色為白色的情況。

  16、加熱

  對左側的矩形混合映像使用“加熱”混合模式,對右側的矩形混合映像使用了“發光”混合模式。與“發光”模式不同的是,該模式對黑色基準映像不發生任何作用,直接以黑色來顯示。而且對於基準映像中的黑色會在圖層混合後產生的映像中以更為強烈的方式來顯示出來。總體來說,較“發光”模式而言,“加熱”模式後產生的效果會更為柔和一些。

  17、反射

  對左側的矩形混合映像使用“反射”混合模式,對右側的矩形混合映像使用了“顏色減淡”混合模式。通過圖示可以發現兩者在最終結果上是很相似的,但是“反射”模式相比較顏色減淡模式而言顏色體現的更為強烈些,暗色調會更為暗,亮色調也更為明亮,總體的飽和度更高些。而且對基準色的白色不做任何處理。

  18、凍結

  對左側的矩形混合映像使用“凍結”混合模式,對右側的矩形混合映像使用了“顏色加深”混合模式。通過比較可以發現“凍結”模式相比較“顏色加深”模式來說總體效果體現的更為柔和些,而且亮度也更高一些,飽和度則較低一些。而且對基準色的黑色不做任何處理。

  19、添加的

  對左側的矩形混合映像使用“添加的”混合模式,對右側的矩形混合映像使用了“變亮”混合模式。“添加的”混合模式相比較“變亮”模式而言,更像是一種曝光過度的變亮混合模式的展示。色調更為明亮,飽和度也更高了。該模式對於白色的基準色是不發生任何反應的。

  20、去除的

  對左側的矩形混合映像使用“去除的”混合模式,對右側的矩形混合映像使用了“變暗”混合模式。相比較“變暗”模式而言,“去除的”模式在暗色調處理更為強烈一些,對於細節顯示上也更為精確。而且我們可以將該模式理解為是與“添加的”相對應的一種模式。該模式對於黑色的基準色不做任何變化,仍以黑色顯示。

  21、去除

  對左側的矩形混合映像使用“去除”混合模式,對右側的矩形混合映像使用了“差異”混合模式。兩者的共同點很明顯,那就是對於基準色的白色處理上,都是以混合色的互補色與之相疊加而成,但是對於基準色上的黑色,去除模式就不起作用了,而差異模式則是混合色對黑色的直接疊加而產生效果。所以對於去除模式而言,對於基準色上的暗色調處理會使其變得更為加強。總體效果則是混合映像的互補色與基準映像進行顏色疊加產生的。

  22、插值法

  對左側的矩形混合映像使用“插值法”混合模式,對右側的矩形混合映像使用了“柔化減淡”混合模式。二者在總體顯示效果上基本上沒有什麼大的區別,只是對於基準色的黑色顯示出來的效果有所差異,“插值法”混合模式對於黑色、白色純色均是直接進行了顏色疊加的操作,而不象“柔化減淡”模式那樣對於暗色顯示的更為強烈。從另外一個角度,也可以將“插值法”視為“反射”模式的一種柔化顯示。

  23、圖章

  對左側的矩形混合映像使用“圖章”混合模式,對右側的矩形混合映像使用了“強光”混合模式。可以看出,“圖章”混合模式更像是對“強光”混合模式進行亮度增大、對比降低操作後形成的結果,且飽和度更高一些。

  24、異或

  對左側的矩形混合映像使用“異或”混合模式,對右側的矩形混合映像使用了“差異”混合模式。對於經過混合模式處理後產生的最終顏色效果,兩者應該說沒有什麼大的區別,但是“異或”模式更像是對經過“差異”混合模式處理後又使用了某種濾鏡處理後產生的一種近乎雜亂怪異的特效。它對基準色的單色處理並沒有什麼奇怪的地方,效果明顯的部分主要體現在顏色過渡的地區,會以一種很多塊幹水粉的效果將顏色體現了出來。

  好了,至此,Fireworks8裡面新增的26種混合模式我們已經做一個比較全面的介紹了,關於這些混合模式的應用,僅僅通過這麼幾個簡單的例子,以及簡單的話語是無法說盡其中的奧妙的,更多的混合模式操作技巧及其使用方法,還是需要大家在實戰中慢慢體會,只有通過多種方式的嘗試,才能對於這些混合模式的使用有更為清楚地瞭解,才能充分利用這戲混合模式製作出更為精彩的特效來!



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。