Photoshop 去背教學 – 色版去背 – 透明玻璃杯去背

說到去背第一難去的就是髮絲去背,緊接著就是透明物體,如:透明玻璃杯,它的外型是比較明確,所以只要利用鋼筆工具,就可將它的範圍截取出來。

Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk00

但由於它是透明物體,因此在拍攝的過程中,通常都會利用深色背景作襯底,來突顯透明的感覺,因此即便把它外型載取出來了,卻會發現到杯子還是保留了,原本深色的背景而非透明,若把它放到其它的場景中,則會出現像不透明的塑膠的感覺,因此梅干最近就花了點時間,隨手拍了一張透明的玻璃杯,並將它去背且保留它本身透明的材質,便可隨意的將它放到其它的場景中。


Step1
首先,先利用 工具箱 / 鋼筆工具,將玻璃杯的邊緣描繪出來,完成後再按下Ctrl+Enter鍵,將路徑線轉選取範圍。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk01


Step2
接著按Ctrl+CCtrl+V,將玻璃杯複製到新的圖層中,並在玻璃杯下方新增一個圖層,再填入黑色
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk02


Step3
切到【色版】,將【紅色色版】複製一份,再利用 影像 / 調整 / 亮度對比,增加玻璃杯的亮暗對比。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk03


Step4
按住Ctrl鍵,對著【紅 拷貝】色版縮圖點一下,回到【圖層】,對著玻璃杯圖層下方的遮色片點一下。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk04


Step5
對著玻璃杯下方再建立一個新圖層,並填入紅色檢驗一下,可發現到真的變透明,但暗面的部分都不見了。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk05


Step6
看完後,將紅色圖層的眼睛關閉,切到【色版】,把【紅 拷貝】色版再複製一份出來。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk06


Step7
Ctrl+I轉負片效果,再執行 影像 / 調整 / 色階,開啟色階面板,選擇下方最左邊的滴管,對著畫面的點一下,讓原本暗面的地方呈現出非黑,其它部分讓它變全黑。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk07


Step8
Ctrl鍵再對著【紅 拷貝】色版縮圖點一下,回到【圖層】,這邊先將前景設為【灰】色,並將灰色填入選取範圍中。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk08 Step9
完成後,其實已算大功告成了,但玻璃杯感覺不夠透,把剛去背好的玻璃杯再複製一份,將遮色片刪除並套用。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk09


Step10
接著把混合模式更改為【濾色】,新增一個圖層遮色片,並利用漸層工具,把底部的部分遮掩起來,才不會產生過曝的現象。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk10


Step11
若還覺得不夠透的話,可多複製幾個,完成後再利用筆刷工具,對遮色片進行細部的修整。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk11


Step12
開啟任意影像,將剛去背好的玻璃杯拖進去瞧瞧,哈~好透呀!連後面的餐包都看的到。
Photoshop 影像設計  - Photoshop 去背教學 - 色版去背 - 透明玻璃杯去背 - glassClearbk12

by
梅干桑
老師

 

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

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Photoshop 影像設計 and tagged , , , , .

留言功能已關閉。