Photoshop 教學 – 色版工具 – 動物毛髮去背

各位同學好~

之前曾經有教大家利用 Photoshop 「alpha channel 色版工具」來做頭髮去背的教學分享,

不曉得大家還記得嗎?

(如果是新同學請參考此網址: http://www.flycan.com/article/photoshop/photoshop-alpha-channel-5-1693.html )

今天,假如圖片的主角替換成是毛髮飄逸的狗狗貓貓時,不知道大家是否也能成功完成去背任務呢?

我們就來測試一下吧~

如果是還不太熟練的同學,也歡迎跟著我們一起來複習底下這個範例喔!


首先,請各位到底下的網址先去下載這次練習用的圖檔 :

http://www.zastavki.com/eng/Animals/Dogs/wallpaper-73955.htm

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-001


【步驟一】貝茲曲線-建立路徑

開啟檔案之後,先使用「貝茲曲線」(即筆型工具),將狗狗的輪廓(除了邊緣毛髮以外)以及杯子邊緣,逐筆描繪出來。

註:杯子握把與杯身之間有一塊背景色,也要記得增加在路徑裡喔。

(關於「筆型工具」的教學,請參照此篇: http://www.flycan.com/article/photoshop/photoshop-pen-tool-path-612.html )

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-011

路徑拉好之後,不要忘記在面板上雙擊之後命名儲存,這樣此步驟才算完成!

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-022


【步驟二】色版工具

接下來,請點開色版面板,挑選一個狗狗毛髮跟背景之間,黑白對比較為明顯的色版並複製使用。

(在此範例中我們選用的是紅色色版)

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-112

然後,從上方選單中,點選「影像」>「調整」>「負片效果」,將此色版做個黑白反轉。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-122

然後,到路徑面板中,將剛剛已經儲存的路徑載入作為選取範圍。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-142

接著回到色版面板,並將剛剛的選取範圍填滿白色。

(上方選單 : 「編輯」>「填滿」)

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-152

由於杯子邊緣跟背景過淺的區塊對比不夠強,所以我們先將選取範圍作反轉。(如圖示)

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-162

然後,用筆刷工具,將杯子的周邊連同握把處塗黑,與杯子做個明顯區分。

(註:請小心避開杯緣有狗毛的部分。)

完成之後要記得取消選取範圍,然後進入下一步驟喔~

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-172


【步驟三】色階工具

接下來,我們要來加強色版中的黑白對比,所以先至「影像」>「調整」>「色階」;

如圖示紅色箭頭處,一邊將左、右兩點慢慢往中間移動,一邊對照著預視畫面,

直到毛髮邊緣跟背景之間有出現黑白分明,而且毛髮的邊緣並不會縮減太多的程度即可。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-181

完成之後,如下方圖示,還有一些細節需要再處理。

首先,利用「筆刷工具」,將背景中殘留的白色,全部塗黑。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-192

然後,使用「加亮工具」,選擇“亮部”範圍以及20%左右的曝光度,將所有的毛髮邊緣處做加亮(變白)的動作。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-211

以上兩個動作完成後(如下圖),畫面看起來變為乾淨且黑白對比很明顯。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-231


【步驟四】載入色版範圍,拷貝圖層

再來,我們就可以載入此色版作為選取範圍了。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-241

範圍選取好,記得將其他色版恢復為可見。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-251

然後,切換到圖層面板,並利用「Ctrl + J」快速鍵,拷貝已經去背完成的圖層來。

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-261

完成之後,我們新增一個紅色背景來檢視一下。

如果發現毛髮邊緣的地方有點光暈感,接下來我們可以再做個修邊動作。

(從上方選單點選 : 「圖層」>「修邊」>「移除白色邊緣調合」)

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-27-1


【完成】

來放大圖片,稍稍比較一下修邊前、後的毛髮是否有所不同吧~

修邊前 :

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-301


修邊後 :

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-311

是不是覺得修邊之後的毛髮,更加的飄逸且根根分明啊!(哈)

最後,把去背完成的圖層存檔備用就OK囉!大成功! ^_^

Photoshop 影像設計  - Photoshop 教學 – 色版工具 – 動物毛髮去背 - fly-331

 

 

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

 

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

留言功能已關閉。