Photoshop 去背教學 – 筆型工具「路徑」去背 – 入門篇

Photoshop 筆型工具 去背教學

使用 Photoshop 設計影像,合成編排,必要的過程就是「去背」,把圖片的背景挖掉,才能讓不同的圖片影像合成在一起。然而其中最重要的工具之一就是「筆型工具」。

「筆型工具」主要功能是用來拉「 path 」也就是「 路徑 」就是傳說中的「 貝茲曲線 」

path 路徑(貝茲曲線)常常用在去背,或是插畫繪圖…

舊版本的 Photoshop 把這個 Pen tool 工具翻譯為「鋼筆工具」,後來新版本的 Photoshop 換過新的翻譯,改名為「筆型工具」,搭配使用的仍然是 Path 「路徑」面版,功能一樣是用來拉貝茲曲線用的。

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path07

Photoshop 的去背功能有很多,可以使用的有 魔術棒、橡皮擦、套索、濾鏡、混色模式、色版 Alpha Channel … 等。然而,其中最重要,也是最常用的功能就是使用 「筆型工具」和「路徑」面版,只要是學習 Photoshop 就必須熟練使用這個功能。

這篇教學是「筆型工具」和「路徑」面版的入門教學,剛開始學習 Photoshop 的同學,要多練習,多做幾次喔。

 


1. 開啟「路徑」面板

開啟「視窗」>「路徑」面板

再點選左方工具列的鋼筆圖示,也是就「筆型工具」

之後,於Photoshop 上方將「筆型工具」設定為「路徑」模式~ 如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-01


2. 將照片放大一點

先按「ctrl」「+」多按幾次,將照片放大一點 – 放大一點,去背的路徑可以拉的比較準確

然後用「筆型工具」在雞蛋的外緣用「點~拉~點~拉~」的方式拉出路徑的線條~這樣拉出來的線修我們稱之為貝茲曲線, 如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-02


3. 拉出路徑的線條

慢慢一步一步的在雞蛋的外緣用「點~拉~點~拉~」的方式拉出路徑的線條~ 如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-03


4. 最後用路徑線條把整個雞蛋的外緣框選起來

最後用路徑線條把整個雞蛋的外緣框選起來

然後在「路徑」面板為我們拉好的路徑取一個好名字,取好名字的路徑才會被儲存起來~ 如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-04


5. 「載入路徑做為選取範圍」

點選「路徑」面板下面的「載入路徑做為選取範圍」按鈕~ 就可以將現在的路徑變成選取狀態,如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-05


6.  點選「背景」圖層

回到「圖層」面板~ 點選「背景」層~ 就可以看到我們的雞蛋物件整個被選取起來了,如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-06


7. 複製出「圖層1」

按鍵盤「ctrl」+「j」複製出「圖層1」,就可以把被選取的雞蛋物件複到到一個新的圖層

再將「背景」層的眼睛圖示先關掉,就可以看到雞蛋去背後的樣子了 ~ 如下圖所示:

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - path-07


本篇教學範例 PSD 原始檔下載 ↓

http://www.flycan.com/myimg/modules/newbb/dl_attachment.php?attachid=1227274655&post_id=40

「筆型工具」「路徑」面版的去背,是 Photoshop 最重要有基本功之一,剛開始學習 Photoshop 的同學,要多練習,多做幾次喔!

註:「筆型工具」就是一般俗稱的「鋼筆工具」

Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - smil49093b519ff36Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - smil49093b519ff36Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - smil49093b519ff36Photoshop 影像設計  - Photoshop 去背教學 - 筆型工具「路徑」去背 - 入門篇 - smil49093b519ff36

 

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

 

關於「姜智豪 老師」

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

留言功能已關閉。