快速遮色片（Quickmask）的操作與原理

作者：李旬政

email：sclee@eagle.ee.ntu.edu.tw

 

        快速遮色片的目的在於可以快速修正、調整已經選取的區域，藉由快速遮色片的使用，幾乎所有的工具都可變成調整選取區域的工具，鉛筆工具、畫刷工具、文字工具、、，甚至於濾鏡都可以。

        還記得我們如何從蝴蝶身上剪下一個Hello!字樣嗎？（請參考「GIMP教學（三）裝扮一下又何妨：身穿蝴蝶花花衣」一文），使用快速遮色片可以更快完成這工作。

 

文章的寫作慣例

執行[image] -> 表示你要點選圖片所在的顯示視窗，按滑鼠右鍵，而後會出現一個功能表選單，在選單內選擇你要執行的功能。

執行[GIMP] -> 表示你要點選GIMP程式主畫面選單，File選單、Xtns選單、或Help選單，在選單內選擇你要執行的功能。

描述對話盒參數設定時，對話盒參數的名稱與對話盒參數的設定值都用粗體字顯示，方便讀者閱讀。

 

一、快速遮色片的基本操作：

 

圖1、選取狀態與快速遮色片狀態轉換按鈕

 

        以GIMP開啟圖1 bf.jpg，圖1中紅色圈圈圈著的地方便是選取狀態與快速遮色片的狀態轉換按鈕，GIMP開啟圖片後預設是處於選取狀態，表示此時你可以使用矩形選取（Rectangular Selection）、橢圓選取（Elliptical Selection）、套索（Free-hand Selection）、魔術棒（Fuzzy Selection）、、等選取工具來選取你要的區域，若你執行漸層填滿 （Gradient Fill）、顏料桶按工具 （Bucket Fill）、鉛筆工具、畫刷工具、濾鏡只能作用在選取的區域，選取的區域外面不受任何影響 。

按一下快速遮色片狀態按鈕 ，此時圖片處於快速遮色片狀態，如圖2。

雙擊快速遮色片狀態按鈕，出現遮色片屬性設定對話盒，遮色片不透明度Mask Opacity預設50%，遮色片顏色預設為紅色。

        圖2 bf.jpg圖中淡紅色的部分是一張紅色的圖片以50%的不透明度（Opacity）重疊在蝴蝶的圖片上。由於先前沒有選取任何區域，整張圖片都覆蓋上一層淡紅色。

 

 

 

圖2、按下遮色片狀態按鈕後

圖3、遮色片屬性設定對話盒

 

二、使用Waves濾鏡改變選取區域：

1.          按一下按鈕中的選取狀態按鈕，紅色的遮色片不見了，圖片恢復為選取狀態，使用矩形選取在bf.jpg圖中選一塊矩形區域，按一下按鈕中的快速遮色片狀態按鈕。由圖4可看出，沒有紅色遮色片覆蓋的地方是我們選取的區域；紅色遮色片覆蓋處是沒有被選取的區域。

 

圖4、選取區域沒有遮色片覆蓋

 

2.          執行[image] -> Filter -> Distorts -> Waves，Amplitude設定10 ，Phase設定0，Wavelength設定為10，得到圖6。

3.          按一下按鈕中的選取狀態按鈕，紅色的遮色片不見了，圖片恢復為選取狀態，選到一塊圓形波的區域，得到圖7。

 

圖 5、Waves濾鏡對話盒

 

圖 6、對快速遮色片執行Waves濾鏡

 

圖 7、選取一塊圓形波區域

 

三、快速遮色片的運算背後的意義：

 

快速遮色片實際上只是一張灰階的影像，按下快速遮色片狀態按鈕後，我們所做的所有動作都是作用在一張黑白的圖片上。對圖8執行[image] -> Edit -> Copy，執行[image] -> Edit -> Paste As New，產生圖9黑白的影像。

圖8、選取區域沒有遮色片覆蓋

    快速遮色片實際上是一張灰階的影像，而選取的部分是白色，沒有選取的部份是黑色。

圖9、黑白的影像

對圖8執行Waves濾鏡，快速遮色片執行Waves濾鏡運算，圖8圖片顯露的部分有圓形波的效果。

圖10、執行Waves濾鏡後

    Waves濾鏡作用在圖9黑白的影像上會產生圖11，白色的部分有圓形波的效果。

 

圖11、執行Waves濾鏡後

 

        比較圖10與圖11應該可以更瞭解快速遮色片是什麼。快速遮色片本質上只是一張灰階的影像，它方便之處在於切換狀態轉換按鈕，可迅速將遮色片轉換為選取區域。

 

   三、剪下一個Hello!字樣：

還記得我們如何從蝴蝶身上剪下一個Hello!字樣嗎？使用快速遮色片可以更快完成這工作。

1、 按一下快速遮色片狀態按鈕 ，此時圖片處於快速遮色片狀態。

 

圖12、按下快速遮色片狀態按鈕後

 

2、 按下工具按鈕中文字按鈕  ，點一下bg.xcf圖片顯示視窗，背景顏色設為白色。Text Tool對話盒出現，字型設為Time New Roman，字型樣式設為 bold，大小設為 64 ，在預覽的文字輸入框鍵入 Hello! ，按下Text Tool對話盒的確定按鈕，點選Text.xcf圖片顯示視窗，將 Hello! 字樣放在適當的地方。把第一個小寫的 l 放在蝴蝶身體的部位，

3、 Hello! 字樣放下後，會有一個背景為蝴蝶的Hello!字樣顯露出來。

注意：此時遮色片為全黑的影像，若背景顏色設為黑色，無法在遮色片上寫上任何字跡。

 

圖13、Hello!字樣顯露出來

4、 按一下按鈕中的選取狀態按鈕，將使得在快速遮色片中顯露出的Hello!字樣變為選取區域。

 

圖14、選取一個Hello!字樣

 

5、 點選bg.xcf視窗，執行[image] -> Edit -> Copy，執行[image] -> Edit -> Paste As New。出現一張底色為透明身穿蝴蝶衣的Hello!字樣。

 

圖15、底色為透明身穿蝴蝶衣的Hello!字樣。

 

6、 執行[image] -> File -> New產生寬為256 pixels高為128 pixels的影像，將圖6複製後貼到這張新的影像上，新的影像存為 bf_hello.jpg，最後我為Hello!字樣加上了兩根觸鬚，留下一些想像的空間。

圖16、大功告成，還看得出它是蝴蝶嗎？