Photoshop 教學 – 色版去背 – 頭髮去背 – 標準教學

在 Photoshop 所有的去背練習中,相信頭髮去背算是讓大家比較頭痛的吧?!其實有幾種工具都可以用來去背景,但因為今天要應付的是又細又密的頭髮,所以在這邊,我們要教各位使用的是稍微高級一點的 alpha channel 色版去背工具,來看看如何快速且不失真的完成步驟吧~這招一旦學會之後,不僅頭髮,舉凡遇上絨毛動物、禽鳥羽毛…等等,都再也不擔心無法乾淨俐落的執行去背動作囉!

現在就請跟著我們的 Photoshop 教學文,一步一步地邁向完美去背之目標吧! ^_^


首先,要請各位到底下的網址去下載練習用的照片 :

http://www.freestockphotos.biz/stockphoto/8853

這個圖庫網站中的圖片都屬於免費資源,所以大家可以放心下載、安心使用喔。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-00


【步驟一】Photoshop 開啟檔案

首先,在 Photoshop 中開啟剛剛下載好的檔案,開啟後你可以選擇在圖層面板上頭,雙擊圖層名稱以解鎖使用,或者是像我們一樣拷貝出一個新的圖層來使用;

後者的好處是,因為所有後製是作用在拷貝的圖層上,你不必擔心會破壞到原始圖檔,而且有些時候會需要跟原圖檔做前後的比較,那時如果有做這一層保險動作就會很方便檢視了。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-01


【步驟二】使用「筆型工具」

首先,選取「筆型工具」,並注意上方的選項面板應該顯示為「路徑」而不是「形狀」,接下來就開始以「點~拉~點~拉~」的方式慢慢描出人物的主要輪廓;

(註:如果對筆型工具不太熟的朋友,可先參考之前飛肯的分享教學文 :「筆型工具」「路徑」去背 – 入門篇喔!)

髮絲的部分因為要留待之後再做特別處理,所以這邊先不選取;選好之後會出現完整的白色實線範圍。(如底下圖示)

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-02-11

此時打開路徑面板,會出現我們剛剛做好的「工作路徑」,要記得雙擊之後命名儲存,否則辛苦的用滑鼠拉了老半天最後卻忘了儲存的話,可就得重來一次了。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-03


【步驟三】使用 Alpha Channel 「色版」去背

此時點開「色版」面板,請仔細的觀察在哪一種顏色色版之下,人物跟背景的暗部與亮部反差會較大?!

選好之後,我們將看起來對比會較大(即黑白分明)的那個色版拷貝一份。這個新複製出來的色版一般稱之為  alpha channel  色版,在這個範例中,我們會發現藍色的色版,模特兒頭髮的黑跟背景的灰有較明顯的區分,因此最後選擇了藍色的色版。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-05

然後回到「路徑」面板,點選面板下方的「載入路徑做為選取範圍」按鈕(如圖示紅色標記處),就可以將已儲存的路徑變成選取狀態;

此時,將選取範圍內填滿黑色 (假如前景色已設定為黑色,則可使用快速鍵「Alt + Delete」)。

填好色之後,要記得將選取範圍做取消動作。(快速鍵: Ctrl+D)

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-06-1

接下來,我們可以利用色階面板中,把白色的滴管移至背景處點一下,可先將背景做初步去灰變白的處理(如圖示);

此時,整張圖片的黑白對比又更加明顯了一些,如果有些區塊還是不夠白也沒關係,我們會在下個步驟中利用其他工具處理。

再來,我們就要開始進行較擾人的髮絲部份囉!

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-07-1


【步驟四】Photoshop 的「加深工具」

為了讓髮絲部分可以更黑,這邊我們使用的是 Photoshop 的「加深工具」,記得將上方的選項面板之範圍設定為「陰影」,曝光度可設為10%或是略少於10%;

至於筆刷的大小就自行調整至適合的尺寸,我們只需要在髮絲邊緣處來回輕刷幾次即可,也不需要加太重的處理,以免造成反效果。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-08-1

當然,用完了「加深工具」後,相反的,我們可以使用「加亮工具」加強背景不夠白的地方,或者是髮絲與背景交界處。

一樣需要注意上方的選項面板,請將範圍設定為「亮部」,曝光度也是大約設在10%或略少於10%即可。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-09-1

經過上面的操作之後,大家應該可以得到如下圖般類似剪影的效果:

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-12


【步驟五】載入色版為選取範圍

由於「色版」中的有效範圍是白色部分,所以,我們先用快速鍵「Ctrl + I」將剪影黑白反轉,然後點一下面板下方的「載入色版為選取範圍」功能做直接選取。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-15

接著,回到「圖層面板」,利用剛剛色版的選取範圍,我們在圖層上直接做拷貝 (快速鍵為 「Ctrl + J」)。

拷貝出來的就是已經去背過的圖層檔。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-16

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-19-1


【步驟六】髮絲去背之後修邊 – 調整邊緣

如果是線條較簡單的物件去背,大致上做到這裡就已經差不多完成了,但因為髮絲比較細且雜,所以我們可以發現在紅色背景的檢視之下,邊緣接近半透明的地方會出現不夠自然的感覺。

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-21

這時,我們還有一個小秘訣要教各位,請大家利用「圖層 / 修邊 / 移除白色邊緣調和」功能,來做最後修飾白邊的動作;只要學會這個功能,以後遇到去完白底(或淺色背景)後,若發現邊緣還是不夠俐落乾淨的話,通常都可以達到一定的修飾效果喔。

(註:假設原本的背景為黑色時,則使用的是「移除黑色邊緣調和」。)

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-221


底下就讓我們來驗收一下最後的成果吧~

嗯~好像還不賴喔!是不是覺得頭髮去背沒有想像中這麼困難了呢?

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-231

連放大之後的髮絲部分,都覺得還挺自然的耶~成功!

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-24

把檢視用的背景紅色拿掉之後,就可以將這張去背圖片存檔備用囉!

Photoshop 影像設計  - Photoshop 教學 - 色版去背 - 頭髮去背 - 標準教學 - fly-251


文章寫到這邊,不知道大家有沒有試試照著我們的步驟做一遍呢?

雖然頭髮去背的確稍微困難一些,但是相信只要大家熟悉活用 Photoshop 的色版跟以上介紹的幾項工具,多練習幾次的話,一定可以越來越棒喔!^_^

 

 

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Photoshop 影像設計 and tagged , , , , , , .

留言功能已關閉。