自從Photoshop CS4後,就已提供3D立體的模式,讓使用Photoshop也能做出3D的立體效果,當時梅干覺得,操控上並不是那麼的好用,再加上材質貼圖的效,不是那麼的好,所以一直沒使用它,因此當要作3D立體文字時,多透過Illustraor,將文字變成立體,再匯入Photoshop進行材質的製作,但在Photoshhop CS6有了重大的改變後,與3D元件的強化,效果以比往常來的更好,且操作也更簡單,大部分都直接在圖片上方,就可完成所有的設定與調整,現在就一塊來看看囉!
PS CS6 3D立體字:
使用版本:Photoshop CS6
操作難易:易
實用性質:★★★★
Step1
首先利用工具箱的文字工具,在畫面中央輸入文字,完畢後對著文字圖層,按滑鼠右鍵選擇「新增來自選取圖層的3D突出」。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_01 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_01](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_01.jpg?w=800)
Step2
接著按「是」 。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_02 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_02](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_02.jpg?w=800)
Step3
這時可直接拖拉,改變立體文字的角度與位置,而上方的浮動選單中,可任意的切換,來調整立體文字的角度 。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_03 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_03](https://i1.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_03.jpg?w=800)
Step4
接著開啟3D面板,將頁籤切到「燈泡」圖示,拖拉上方的小圓點,就可調整光向位置。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_04 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_04](https://i2.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_04.jpg?w=800)
Step5
這時可參照後方的光影變化,讓文字與後方的光影一致,這樣才不會太突兀,顯得點不搭。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_05 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_05](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_05.jpg?w=800)
Step6
回到「3D」面板,點選文字清選。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_06 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_06](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_06.jpg?w=800)
Step7
再開啟內容面板,將頁籤切到「蓋子」,增加點文字正面的變化。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_07 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_07](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_07.jpg?w=800)
Step8
調整好後,再切到「變形」,妞曲一下讓文字有些變化,所以有的設定,都可在畫面的圓圈圈中調整。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_08 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_08](https://i2.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_08.jpg?w=800)
Step9
接著再回到「3D」面板,選擇「前膨脹材質」項目。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_09 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_09](https://i1.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_09.jpg?w=800)
Step10
點一下右上的圖,就可貼入材質,若有玩過3D的朋友,應該不感陌生,這就是材質球,點一下立即就可套用外,同時還可透過下方的選項,調整材質的設定。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_10 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_10](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_10.jpg?w=800)
Step11
正面調整好後,換後方延展出去的部分,再回到「3D」面板,選擇「突出材質」項目。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_11 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_11](https://i0.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_11.jpg?w=800)
Step12
與剛正面的材質選擇一樣。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_12 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_12](https://i1.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_12.jpg?w=800)
Step13
當一切都製作完畢後,與用3D軟體一樣,需要進行算圖,點下方的正立方塊圖示。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_13 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_13](https://i2.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_13.jpg?w=800)
Step14
接著畫面就會有個藍線框開始跑,每跑一次畫面就愈細緻,在熱心網友的分享後,梅干終於明白,在畫面的左下角,會出現剩於時間,若覺得差不多,想停止運算的話,就對著畫面點一下就會停止了,因為它真的跑好久。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_14 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_14](https://i1.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_14.jpg?w=800)
Step15
這時看一下畫面中的文字,是不是細緻很多,不會像剛剛有鋸齒邊。
![立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_15 Photoshop 影像設計 - 立體字製作:Photoshop 快速製作「3D立體文字」 - photoshop-cs6-3d-text_15](https://i2.wp.com/photo.minwt.com/img/Content/Photoshop/photoshop-cs6-3d-text/photoshop-cs6-3d-text_15.jpg?w=800)
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!