[圖形設計] Photoshop CS4的魅力之Content-Aware Scale

Photoshop應該是我們這一行，做視覺、設計、美術的人，天天都會用到的軟體，而今天已經演進到了CS4，也就是version 11囉

一路走來，我們靠著Photoshop生存了下來，靠他賺錢，靠他買設備，再靠他繼續賺錢

若你是把這個軟體用來作為賺錢的工具，那你就更要了解Photoshop CS4能帶給你什麼好處？

在Adobe的官網上面寫到，「使用Photoshop CS4的全新「調整」面板調整影像，只需要一半的時間」，看起來很唬爛，但是說真的，等你看完吉米今天的單一功能介紹，若你常遇到這樣的狀況

對，你就真的省去了一大堆時間，想想之前在幹嘛呢？切～ （丟筆）

那其實Photoshop CS4新功能「那麼」多，那我們該從哪邊開始講起呢？


來吧，就從最簡單，但是大家應該也最常遇到的狀況來說起吧

在以往，我們做稿的時候，客戶會提供，或是去購買圖庫的授權，或是去拍攝照片來當素材

而這些素材，則需要用在各種不同的需求上面，例如web的banner，或是廣告布條、DM....等等一堆各式各樣的東西


舉個例子，今天我們要用這張圖片，來做iPhone4.TW會員維修中心的header banner，但是原本的圖片只有這麼窄，但是我們又要整體的氣勢能夠出來，那種迎接貴賓的尊榮與氣勢


當然若直接拉變形工具去撐滿整個畫面，那絕對被客戶給抓去槍斃


所以或許你很聰明，你會把主角丟到右邊去，然後將旁邊紅色的圍欄來變形，這樣的結果，我想可以蒙混過關的機率是有，但是很低，你看那個銀色的桿子，變成那樣誰能接受呢？



那再進一步，除了把主角丟到右邊去，然後避開那個銀色的桿子，來將旁邊紅色的圍欄來變形，這樣的結果，我想客戶應該「勉強」可以接受，但若是客戶是比較龜毛的，那一樣被打槍


所以，這一題的解法應該是這樣，我們「以前」都這樣做，先找出一個讓視覺看起來放大之後不會變形太多的部份


放到左邊去，而人這種不能變形的更要放到右邊去

然後將中間看似模糊、又可以蒙混過關的地方來去變形


這就是最後的結果，看起來一切正常，不過這算是簡單的，厲害的人幾分鐘解決，一般人可能要理解到這個程度還有些難度

那接著我們來看看，透過Photoshop CS4可以如何做



同樣開啟圖檔之後，記得把圖片複製圖層，把背景丟掉，因為那不能動，要變成這樣透明底圖才行，然後在「EDIT」下面有個「Content-Aware Scale」功能給他按下去


如同變形框框的東西出現，上方有個「人形圖案」給他按下去，然後把圖片拉成你要的寬度，按下enter

「搞定收工！」

蝦毀？！是不是有這麼簡單啊？我們這些老手怎麼辦？！

你或許會說，切，阿這是單純背景，沒什麼了不起

那我們接著再來看看下一個案例


這次，夭壽的客人，又想要出難題給我們，人家這種相機拍的就是四四方方的source，你硬要去做一張寬版的banner，上面又有壓文字，你這是要搞死我們嗎？


同樣道理，用上面講的那些方法，直接拉，絕對被槍斃


技巧一點拉，連自己都看不下去，兩邊這是什麼鬼？以往我們可能還會做一些高斯模糊來蒙混過關，但是我們今天在分享專業應用耶...專業在那裡，專業的意思是可以從客戶手上博取信任，然後一手交錢，一手交貨

來吧，這個若要高手搞，一樣很費工夫，去和成、去弄那些漣漪，而且文字不能變形

好啦，就算真的是PS高手，需要幾分鐘？我看20分鐘跑不掉，弄出一個可以讓一般人看不出破綻的寬圖

比較「搞岡」（台語：費工）的作法，就是先把主角給挖起來，然後背景去撐開來，這樣就不會傷到主角，但是去背挖主角最累呀

而且這個範例裡面又有最討厭的水面反光、還有影響整個畫面協調性的漣漪



送去photoshop CS4來跑吧，同樣開啟「EDIT」下面的「Content-Aware Scale」之後，把框框拉一下


E04～我又想丟筆了....不用兩秒鐘就好了

你笑了嗎？你天天在跟這些圖片、客戶周旋嗎？

接著看下一個案例

客戶喔，總是有各種想法與點子，來考驗你的能力，但卻又只給一丁點的時間


來了來了....這張看似簡單，但是圈內人會看model底下的那個海、欄杆，還有頭髮後面的太陽光暈...這些東西變形了可是馬上被退稿的


最好你的客戶買這張圖片不是用來作他瘦身公司的廣告，不然你絕對馬上被fire掉


土法煉鋼再次上場，先來右邊


再來左邊，但是左邊下方的欄杆變形、糊掉了


算了，還是用CS4的「Content-Aware Scale」吧


按下去拉一下就解決了，不用五秒，你看看頭髮後面的太陽、左下角的欄杆，吼....（丟筆）

我們練這麼多年Photoshop是在浪費時間嗎？以前三十分鐘的工作，現在五秒鐘解決，這...

好，我們繼續看下去

上面的例子，都是人物與背景的擴展，接著我們來看看非人物，是否也能這樣搞


今天這個客戶突發奇想，想要用Audi的A5四人座雙門敞棚版，改成10人座加長型敞棚禮車

喂老闆，你頭殼壞去嗎？


若你敢把這樣的稿子交給客戶，且讓他滿意收工，那吉米絕對佩服你佩服的五體投地


但是這樣瞎搞，不但房子入口糊掉，後面一整個詭異，而且沒辦法跟老闆交差，說把四人座變成10人座

那怎麼辦呢？


先到channel那邊開啟一個新的alpha channel


然後把想要保護的地方，例如會影響視覺真實感的輪胎、門把、車頭、後照鏡、油箱蓋、椅子這些只要一拉變形，就看得出來的地方，給塗掉，還有就是那個大門口，以及旁邊的柱子，不要跟著跑掉


然後回來選「Content-Aware Scale」

重點來了


在這裡，設定我們要保護的區域為剛剛那個alpha channel，名稱為Alpha 1

講到這裡吉米又想丟筆了....搞什麼


不是吧...你可知道這之前要搞多久啊.....


除此之外，這次CS4的圖章工具，點選好目標之後，居然可以直接在筆刷範圍內直接preview即將複製出來的內容，你看滿意再按下按鈕


就這樣，10人座A5敞棚豪華禮車，不用一分鐘就搞定了

有沒有好用？

若你真的天天跟photoshop周旋的人

或是你跟吉米有遇到這樣的客戶或是老闆

光是這個功能，吉米就覺得買Photoshop CS4是非常值得的了

省多少時間？

絕對讓你省一大堆時間去賺更多的錢！