DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> fireworks 3提供的13種混合模式簡介
fireworks 3提供的13種混合模式簡介
編輯:Fireworks基礎     

Fireworks 3提供的13種混合模式(blending mode)的作用比較

1、(normal)普通模式

這是最基本的也是FW3默認的圖像混合模式,在這種模式下位於上層的圖像將覆蓋掉下層的圖像,並根據透明度的設定來顯示被遮蓋的部分。

2、(multiply)累加模式

累加模式是以上層圖像的色彩為標准來增加混合後圖像的重疊處的深度,因此結果往往會產生亮度更低的顏色。用黑色疊加其他顏色的圖像產生的結果永遠是黑色,而用白色疊加其它顏色的圖像將不起任何變化。累加模式和屏幕模式配合使用可以給底圖加立體效果。

3、(screen)屏幕模式

這種模式的作用與累加模式正相反,它是根據上層圖像的色彩為標准來減少混合後圖像的重疊處色彩的深度,因此結果往往會產生亮度更高的顏色。同樣相反的是用黑色圖像作為上層,使用屏幕模式後底圖將不會改變,而使用白色圖像將產生的結果將永遠是白色。

4、(darken)暗模式

暗模式計算混合的上下層圖像,如果下層圖像色彩的亮度高於上層圖像同位置處色彩高度則將在顯示結果中使用上層高度低的色彩代替下層高度高的色彩。

5、(lighten)亮模式

與暗模式相反,亮模式計算混合的上下層圖像,如果下層圖像色彩的高度低於上層圖像同位置處色彩亮度則將在顯示結果中使用上層高度高的色彩代替下層高度低的色彩。

6、(difference)交錯模式

交錯模式計算上下混合層中的顏色,用亮度高的那個顏色減去亮度低的那個得到的結果作為混合結果所顯示的顏色,因此使用白色和底圖進行交錯模式混合產生的將是底圖的反色圖像,而使用黑色與底圖進行交錯混合將無任何變化。

7、(hue)色調模式

色調模式根據下層圖像的亮度和飽和度以及上層圖形的色調創建一個新顏色作為顯示結果
(注:donger自己理解:由於黑色亮度最低,白色亮度最高,灰色的飽和度為0,所以用色調模式時,對這幾種顏色沒有影響)

8、(stauration)飽和度模式

飽和度模式根據下層圖像的亮度和色調以及上層圖形的飽和度創建一個新顏色作為顯示結果。因此如果上層圖像的飽和度為0(灰色),結果圖像將保持底圖色彩不變。

9、(color)色彩模式

色彩度模式根據下層圖像的亮度以及上層圖像的色調和飽和度創建一個新顏色作為顯示結果。這種模式保留了底圖的灰度,因此可用於制作單色圖像。

10、( luminosity)亮度模式

與色彩模式相反,亮度模式根據下層圖像的色調和飽和度以及上層圖像的亮度創建一個新顏色作為顯示結果。

11、(invert)反色模式

反色模式是根據上層圖像的灰度計算下層圖像顏色的反色作為顯示結果。

12、(tint)上色模式

上色模式根據上層圖像的灰度給底圖增加灰度。

13、(erase)擦除模式

擦除模式是作用是將底圖中被上層圖像覆蓋的部分擦除,和橡皮工具的作用相同。

(選自ARKY寫的書)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved