標籤: 平面設計

現在許多人都習慣使用手機來瀏覽網站，許多文字內容其實都在彈指之間一頁一頁的滑過去了，除非圖片或大標題夠吸睛，否則很難讓用戶在網頁上多停留幾秒，甚至看看其中的文字內容。因此「一張圖勝過千言萬語」，吸睛的商品圖可是網路行銷的一大利器呢！有時為了突顯商品的用途、特色，總是免不了外出拍照。

然而有時外出拍照時，總是免不了遇到不該出現在圖片中的路人甲、或是雜物乙。因此學會快速消除圖片中的雜物或路人，是負責網路行銷的網站美編等平面設計相關人員必須要學起來的 Photoshop 技法。

還好自從 Photoshop CS5 版本之後都有了「內容感知（Content Aware Fill）」功能，網站美編在做平面設計時再也不需要使用印章工具一筆一筆消除閒雜人事物了，只要三秒鐘就可以將畫面中的雜物或路人給消除囉！一起來看看該怎麼做吧!

今天待修的原圖如下

2. 點選套索工具圈選要處理的範圍，記得人的倒影也要選到!

3. 點選編輯（Edit）選單，之後選擇選單內的填滿（Fill)

4. 在跳出的對話框中，在內容（Contents）的部分選擇「內容感知（Content-Aware）」選項，然後按「確定（OK）」。

5. 完成了，神奇吧！Photoshop 的內容感知工具是不是很快呢？

去背雖然是 Photoshop 影像合成的基本功能，但是在網路行銷業界，電子商務網站的商品圖片可說是應用的非常多，要將這些圖片快速且去的乾淨，則是考驗許多網拍美編、UI 設計師、平面設計師等的基本功呢!

「選取並遮住」去背好簡單

幸好Adobe Photoshop 在 2016 年後有一項「選取並遮住(Select and Mask)」的功能，它擁有強大的邊緣演算技能，可以幫助網拍美編、UI 設計師更快速地選取主體，其中也包含毛髮的部分，大幅提升作業的效率。以下實際示範給大家看!

1. 在 Photoshop 中開啟圖片，點選「選取工具」，再點擊上面選單出現的「選取並遮住(Select and Mask)」

2. 進入模式後，會出現預設的「描圖紙模式(Onion Skin)」，點選左邊工具列的「快速選取工具(Quick Selection Tool)」。在選取主體之前，遮罩的部分會呈現半透明。若想要半透明的質感多一些，可以調高下方的「透明度(Transparency)」。此例調成 43%。

3. 朝著想去背的主體來回塗抹

4. 塗抹一個大概之後，會發現有些邊緣處還有些瑕疵

5. 接下來要進行更進一步的優化，點選「檢視模式(View Mode)」選擇「覆蓋(Overlay)」，在這個模式下能將瑕疵看得更清楚

6. 使用左側工具列的「調整邊緣筆刷工具」、「筆刷工具」可以做更細節的修改

7. 調整透明度檢查一下，如圖示小貓的毛髮細節也都出來囉

8. 輸出前可以勾選「淨化顏色」的選項， Photoshop 會幫忙調整細節的顏色，接著點選「新增使用圖層遮色片的圖層」，按下「確定」即可

9. 去背完成！