Photoshop CS5 大玩 3D 特效 Repoussé 教學

自從有了阿凡達之後，好像什麼東西都要變成 3D 才有看頭，但是 Maya, 3D Max... 那些 3D 軟體可不是這麼容易就上手的啊！ 搞得現在的平面設計師很可憐，明明就是平面的雜誌媒體，一定非要有個 3D 的效果才夠炫、才有賣相。而網頁設計師更是可憐了... 除了要會畫圖、做設計，還要會 Flash 做動畫、寫 Actionscript 程式，甚至更多廠商要求 Flash 裡面也要有 3D !!

天啊～ 做一個設計師都不能專心在好好的把視覺設計呈現出來，反而都要一直跟 3D 和程式碼奮鬥，這還像話嗎？？！


Photoshop 在 CS4 的版本就已經可以把 Maya, 3D Max 做的 3D 物件拿進來繪圖著色加工，到了這版 CS5 更是誇張！Photoshop CS5 好像搖身一變成了一個小型的 3D 軟體了！！！！！而且使用起來還很簡單，不像那些高檔 3D 軟體那麼複雜。怎麼說呢？！


1. 讓我們先從這個範例開始：

這是小正正之前寫的教學：Photoshop CS5 增強新功能 Refine Edge 超輕鬆完美去背效果實測。如果你有興趣知道這張圖怎麼做出來的話可以先去看看那篇教學，再繼續閱讀下去。


現在要把上面那段文字 iYouMe.net 也就是有明大戰的網址改為 3D 的效果，該怎麼做呢？


2. 選取那個文字圖層，然後按下右方 3D 物件的小圖示開啟 3D 面板：





3. 在 3D 面板中選擇 3D Repoussé Object 這個選項（Repoussé 是法文嗎？！），然後按下 Create 按鈕就可以把文字建立成 3D 物件了！驚奇！！！

4. 這時候你就可以在畫面上拖拉那個 3D 方向的控值軸來更改 3D 的角度、位置... 等等。也會出現另一個 Repoussé 的面板讓你完全控制 3D 物件的各種屬性，包刮切面、材質、光源... 等等一大堆。Photoshop CS5 簡直就是一個 3D 軟體了！！(真希望 Flash 也有這個功能 XD )

5. 看你的喜好調整好各種參數設定，按下 OK 後就會變成下面這樣：

酷吧！


接著小正正再加上另外一個文字，試試看不同的 3D 效果：

這些 3D 文字都還可以編輯哦！注意到那些控制軸和節點了嗎？！

當然你可以幫 3D 物件再加上各種濾鏡效果，或是 Photoshop 的所有其他功能來編修，讓 3D 更逼真！

最後的完成品就變成這樣囉～

酷吧～ 如果你看得還不過癮，看看下面這兩段很嗨的 Photoshop CS5 3D Repoussé 教學影片吧！

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/embed/tJxYjbPJvVE&hl=zh_TW&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="never"></object>

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/embed/QTnYqT_UlGI&hl=zh_TW&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="never"></object>

看來以後會有更多的平面雜誌海報出現 3D 的特效了！

不過小正正還是要建議你，設計最重要的還是美感和要傳達的理念，不要把 3D 玩過頭就會讓人覺得更假、更噁心哦～

ps. 那個 CS5 美美的立體官方 Logo 說不定就是這樣做出來的，你要不要也來挑戰看看啊！

歡迎按下「分享」來轉貼、轉寄小正正的所有文章，只要註明出處和連結到原始頁面就可以了哦！

↑ 按這裡訂閱小正正教室的最新資訊