2013年8月6日 星期二

在 iWork 上去除圖片的複雜背景


嗯 .... 剛結束一場混戰,在下一場慘烈的戰役來臨前,我趁著空檔來跟各位分享一個小技巧。

之前在友站看到關於 Keynote 的教學,其中 "立即 Alpha" (Instant Alpha) 的橋段提到:

"Alpha" 用在背景單色系時比較好去背,但複雜一點的可能還是要用 Photoshop。

嚴格說來這句話是對的,當初 Apple 可能也只是想讓單調背景色的去背變得簡單一點,所以才加入了這個功能 [1]。不過,若能巧妙地與其他功能配合使用,"立即 Alpha" 也是可以去除複雜背景的!接下來我就示範一下:


我以女神林逸欣的美圖為例,這背景應該夠複雜了吧?若要用 "立即 Alpha" 直接去背幾乎是不可能的,所以我們必須動點手腳 ....


1. 運用 "遮罩" (Mask)


"遮罩" 在 iWork 中存在已久,功用是將你想要的部份畫面呈現出來,並屏蔽掉剩餘的部分,一般來說都用在嵌入圖片的部份呈現,有很多人不懂 iWork 裡為何沒有剪裁圖片的工具?事實上這個需求就是利用遮罩來達成的。

不過呢,雖然有著如此強大的功能,但就我個人的觀察,有 "主動" 使用過遮罩的人少之又少,頂多是使用 Apple 內建的文件樣板時,把圖片拖進去而已,實在是非常可惜,這篇就來談談 "自定形狀" 的遮罩有多強大!

如上圖左,將你想保留的物體用多邊形的繪圖工具描邊 (就是畫貝茲曲線的工具),但此時不用管曲線弧度,沿著邊一直點下去就行了,但講到這裡一定會有人想問:

啊不是都要描邊,那跟用 Photoshop 的傳統去背法有何不同?

沒錯,看起來的確很像,但差別在 -- 我可以不用描得很仔細!如果遇到背景色單純的部份,隨便描也無所謂,只要在背景色比較複雜的部份稍微留意一下即可。描完之後 (請確定第一個點跟最後一個點重合,必須為封閉曲線) 將描出來的多邊形與原圖一齊選起來,再到 "格式" > "以所選形狀進行遮罩裁切" 以啟動自定形狀的遮罩,到此你應該能看到去背結果的雛形了。


2. 使用 "立即 Alpha"


當然,若要用遮罩搞定一切,那就跟傳統去背法沒什麼不同了,現在遮罩已將討厭的背景去除了一大半,剩下的單純背景就用 "立即 Alpha" 來解決。使用期間你可能會發現 "立即 Alpha" 將背景弄得十分噁心,不過沒關係,因為你的圖片躲在遮罩後面,遮罩外面的事情與它無關。


3. 調整 "遮罩"


去背工作進行到這裡應該完成九成了,但可能還是有一些清除不乾淨的地方,此時選取 "編輯遮罩" 將之前描邊的點呈現出來,並依需要移動邊上的紅點 (建議用鍵盤方向鍵比較好控制),然後看看自己的成果吧~


如上,雖然稱不上完美,但也堪用了,總之任何圖片的去背都能使用這樣的作法,若不是要去背,光是自定遮罩也有很多種應用方式,提供給各位參考~

=============

去背影像輸出

本來寫到上面就可以結束了,但最後還有個收尾工作 -- 可以把去背好的照片儲存起來嗎?我在 "將 iWork 內的物件儲存成圖片" 一文中提過這部份是 iWork 欠缺的功能之一,而且 "預覽程式" 又不支援 iWork 物件內的透明背景,所以我只好將該物件貼到其他軟體 (例如 Seashore) 中以輸出成圖片。


可是,由於這次使用了 "遮罩" 及 "立即 Alpha",而其他軟體幾乎都不支援這些效果 (除了 iWork 的三個成員),所以直接剪貼都會失敗 .... 故提供給各位一個小技巧 -- 將去背好的圖蓋在一個 "透明" 的物件上 (我是用矩形),兩者組成群組之後再貼到別的軟體 (我還是用 Seashore) 上即可,如下圖,去背的女神照就這樣做好囉~


好,該回去面對現實了 ....


20130819 Update:有人問到畫封閉曲線的工具是哪個?其實 iWork 裡就只有一個畫曲線的工具 (汗),可見有些人從不使用這玩意 .... 多多善加利用吧!它很強大的!(工具位置如下圖)




附註
1. 其實類似的去背功能在 MS Office 及 Openoffice.org 上都有,原理是利用交換顏色的方式,把某個想要去除的顏色替換成透明,可是物體內若有和背景相同的顏色就 GG 了。後來,直到某一版 iWork 釋出 "立即 Alpha" 功能之後,MS Office 才跟著推出類似的功能 (雖然做得還不錯),而 Openoffice.org 不出所料地十年如一日 (攤手)。

13 則留言:

  1. 我的iWork不見你用的遮罩選項,請問你用的是那個版本iWork

    回覆刪除
    回覆
    1. 我用的是最新的 iWork 09,事實上這版本已經是四年前的版本了,所以很少人不是用這一版。另外,本文介紹的技巧連 iWork 08 都可以用,所以我相信你的 iWork 並不是沒有 "遮罩" 的功能,而是你的用法有誤。

      "... 描完之後 (請確定第一個點跟最後一個點重合,必須為封閉曲線) 將描出來的多邊形與原圖一齊選起來 ..."

      我猜你之所以沒有看到我用的遮罩選項 --"以所選形狀進行遮罩裁切",是因為沒有注意到我文中的某幾句話 (節錄於上述),所以請注意:1. 用曲線工具圍繞出來的多邊形是否為封閉曲線?2. 在 "格式" 下拉選單中啟用遮罩功能前是否有將該多邊形及原圖一起選擇起來?

      刪除
    2. 搞定了,謝謝

      刪除
  2. 不好意思請問一下,我找不到畫封閉曲線的工具,是在Edit裡面嗎?遮罩是有找到,但因為沒有畫封閉曲線所以只能選擇矩形

    回覆刪除
    回覆
    1. 曲線工具在圖形方塊的最底層,請看這個連結的圖片:

      http://www.macdevcenter.com/2006/02/22/graphics/iwork-bezier1.jpg

      刪除
  3. 在所選取的畫面上右鍵,會出現capture selection from screen,應該也可以達到類似另存圖片的效果才對

    回覆刪除
    回覆
    1. 找不到你說的選項喔,應該不是螢幕擷圖吧 ..

      刪除
    2. 的確是有點像螢幕擷圖...(汗
      差別在於他會自己抓圖片的邊緣後存成矩形的圖片,不用自設大小
      後方背景自動補以白色
      然後圖片不會有使用螢幕擷取所產生的邊框

      在做完去背作業後,選取做好的圖片後按右鍵
      (不要將原圖與所選取的部分一起選取)
      我的iWork 09就會出現這個選項
      小弟不材,不知道克里斯大為什麼不會出現這個選項

      刪除
    3. 請問你在哪個軟體內進行操作?我從未看過你說的選項,而且做了之後會補上白背景,這一點非常不方便,有時白背景並沒有想像中地容易去除。

      還有,螢幕擷取會什麼會產生邊框?從未看過這情形。

      有擷圖可看嗎?那樣會清楚些。

      刪除
    4. 小弟使用Pages
      此為選取screen capture畫面:http://ppt.cc/WTCp
      此為選取中的畫面:http://ppt.cc/zb9N

      不過在我擷圖時發現這個方法是個錯誤,其實就只是調動Grab程式做螢幕擷圖,並沒有好用到哪,還是你的方法較好。之前的留言只是依循記憶而寫,未查實而留言,不好意思

      刪除
    5. 你的擷圖真是讓我開了眼界,我不知道 Grab.app 可以這樣用 ... o_O (其實從你說的話中,我有懷疑過這個軟體,但是試不出來你說的效果)

      如果不會補上白背景,你這個方法就是首選了,因為它不用安裝第三方程式就可以用,不過我看了擷圖還是不知道該怎麼操作,我再玩看看 ...

      喔,還有,我都是用 Keynote 在測試,由於最近幾年沒有文書處理的需求,故換了新 Mac 後沒有重買 Pages,該不會這功能只有 Pages 能用吧 ... orz

      刪除
    6. 幫忙簡單試了下,的確Keynote貌似是沒有capture screen這個選項,不過可以自己去Launchpad開啟Grab就可以使用了。但缺點一樣是背景是什麼顏色就抓什麼,跟螢幕擷圖沒什兩樣就是...(昏)

      刪除