立體字製作:Photoshop 快速製作「3D立體文字」

自從Photoshop CS4後,就已提供3D立體的模式,讓使用Photoshop也能做出3D的立體效果,當時梅干覺得,操控上並不是那麼的好用,再加上材質貼圖的效,不是那麼的好,所以一直沒使用它,因此當要作3D立體文字時,多透過Illustraor,將文字變成立體,再匯入Photoshop進行材質的製作,但在Photoshhop CS6有了重大的改變後,與3D元件的強化,效果以比往常來的更好,且操作也更簡單,大部分都直接在圖片上方,就可完成所有的設定與調整,現在就一塊來看看囉!
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_00

PS CS6 3D立體字:
使用版本:Photoshop CS6
操作難易:
實用性質:★★★★

Step1
首先利用工具箱的文字工具,在畫面中央輸入文字,完畢後對著文字圖層,按滑鼠右鍵選擇「新增來自選取圖層的3D突出」
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_01

 

Step2
接著按「是」
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_02

 

Step3
這時可直接拖拉,改變立體文字的角度與位置,而上方的浮動選單中,可任意的切換,來調整立體文字的角度 。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_03

 

Step4
接著開啟3D面板,將頁籤切到「燈泡」圖示,拖拉上方的小圓點,就可調整光向位置。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_04

Step5
這時可參照後方的光影變化,讓文字與後方的光影一致,這樣才不會太突兀,顯得點不搭。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_05

Step6
回到「3D」面板,點選文字清選。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_06

Step7
再開啟內容面板,將頁籤切到「蓋子」,增加點文字正面的變化。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_07

Step8
調整好後,再切到「變形」,妞曲一下讓文字有些變化,所以有的設定,都可在畫面的圓圈圈中調整。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_08

Step9
接著再回到「3D」面板,選擇「前膨脹材質」項目。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_09

Step10
點一下右上的圖,就可貼入材質,若有玩過3D的朋友,應該不感陌生,這就是材質球,點一下立即就可套用外,同時還可透過下方的選項,調整材質的設定。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_10

Step11
正面調整好後,換後方延展出去的部分,再回到「3D」面板,選擇「突出材質」項目。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_11

Step12
與剛正面的材質選擇一樣。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_12

Step13
當一切都製作完畢後,與用3D軟體一樣,需要進行算圖,點下方的正立方塊圖示。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_13

Step14
接著畫面就會有個藍線框開始跑,每跑一次畫面就愈細緻,在熱心網友的分享後,梅干終於明白,在畫面的左下角,會出現剩於時間,若覺得差不多,想停止運算的話,就對著畫面點一下就會停止了,因為它真的跑好久。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_14

Step15
這時看一下畫面中的文字,是不是細緻很多,不會像剛剛有鋸齒邊。
Photoshop 影像設計  - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_15

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Photoshop 影像設計 and tagged , .

留言功能已關閉。