Hi, 繼上一篇「Mac OS X 10.5個人化 icon 教學(一)」之後,這次要跟大家分享如何將圖案去背後製作成檔案夾或程式的 icon。
有時候我們看到自己喜歡的圖案或 logo,想要用前一篇的教學來製作個人風格的 icon,卻發現偏偏圖案有底色或背景色,這樣一來製作成檔案 icon 後,在 Finder 上以 cover flow 的模式看起來便顯得有點美中不足,所以我要跟各位分享如何簡單地為圖形去背,步驟非常簡單,而且不需要動用到什麼重量級的影像處理軟體。
用過 iWork '09的人,或許已經知道我們可以很容易地為圖形去背,也就是利用「Alpha」這項功能。這次我們要使用的軟體,則是 Mac OS X 10.5內建的「預覽程式」,可別小看預覽程式喔,除了開啟圖片檔之外它可以做的事可多了呢。
預覽程式(Mac OS X 10.5內建)
步驟說明
1. 首先選定我們要做去背處理的圖檔,用預覽程式開啟。這次以 NBA 的 logo 為例。開啟圖檔後以游標按住工具列的「選取」,會出現一個選單,選取最下方的「擷取使用顏色」。

我們可以發現圖檔的四個角落有白色的背景色,我們的目的就是要把這些背景色去掉。
點選擷取顏色的選項後,視窗底部會出現一列黑底白字的說明:「按住並拖移來移除不要的影像區域。按住 Option 並拖移來將區域加入影像。按下 Return 來和結束。」這是要告訴我們如何操作並結束去背。
2. 根據上圖的解釋,如果要移除不要的顏色,將由標移至該區域之後,按住並拖移,之後會出現粉紅色的區域將我們所拖移的區域蓋住,並且會告訴我們百分比,選定範圍之後放開滑鼠左鍵,就可以把該區域的顏色去掉了。

小技巧:如果要去背的區域比較小,或是比較複雜,我們可以將圖片放大,也就是點選工具列上的「+」來放大,或是直接更改旁邊的百分比欄位,這樣做可以讓去背的工作變得比較輕鬆而且精確。
萬一不小心選取了過大的範圍,把其他顏色也去掉該怎麼辦呢?當然我們可以按「編輯」>「復原」來回復,可是這麼一來已經被移除的背景色也會跟著恢復,那之前不就白費工夫了嗎?
沒關係,還記得剛剛的說明嗎?這時候我們可以將滑鼠移到想要回復(重新上色)的區域按住 Option 鍵,然後用拖曳的方式來選定區域,一樣會有百分比的顯示,而這次我們可以看到預覽程式以綠色覆蓋我們選取的區域,和去背時的粉紅色有所區別。(注意:選取的過程必須一直按住 Option,選取完畢後再跟滑鼠左鍵一起放開)
下圖就是去背之後的效果,接著我們就可以將完成的圖片存檔囉。
注意:我們在另存新檔時可以發現預設值是存成 PNG 檔,以及下方有個打勾的核取方塊寫著「Alpha」,這表示我們有對圖形做過去背。而去背之後的圖形,一旦存成較常見的 JPEG 格式,去背的部份會被白色取代,那麼就前功盡棄了,因此要提醒各位,存檔時請選取有 Alpha 選項可以勾選的格式,例如預設的 PNG 或 TIFF 格式。
3. 重複上一篇「Mac OS X 10.5個人化 icon 教學(一)」的步驟1~3即可。
下圖就是完成後的效果,是不是比起去背前好看多了呢?
萬分感謝,這讓我知道了其實apple本身提供的工具就十分強大,除非有非常專業的需求,否則根本不用買,鼓勵板主,希望能分享更多的使用心得,謝謝
回覆刪除