• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS文字特效 】Photoshop製作54青春飛揚立體字教程




    Photoshop製作54青春飛揚立體字教程

    這一次的教學是屬於PS教程領域中的文字特效的相關教學。

    文章出處是來自PS聯盟的PS教程類文章,寫教學的作者是Sener,感謝Sener提供文字特效的實作教學。

    教學大綱:

    效果字的立體面部分是用手工來完成,前期先做出金色質感的表面文字;然後設置好消失點;再根據透視原理,做出文字的各個立體面,文字較為複雜,需要注意好立體面的層次順序。


    文字特效教學開始

    最終效果

    Photoshop製作54青春飛揚立體字教程

    1、新建一個1000 * 700像素的文件,選擇漸變工具,顏色設置如圖,由中心向邊角拉出下圖所示的徑向漸變作為背景色。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    2、先從上至下開始製作,頂部的文字效果如下圖。

    Photoshop製作54青春飛揚立體字教程

    3、打開下圖所示的素材,文件是PNG格式的,拖進來,解鎖后移到合適位置。用套索工具把頂部文字選取出來,按Ctrl + J 複製到新的圖層。

    Photoshop製作54青春飛揚立體字教程

    4、隱藏其它文字,把複製出來的文字鎖定像素區域,再選擇漸變工具,顏色設置如圖,拉出下圖所示的線性漸變。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    5、按Ctrl + R 調出標尺,然後拉兩條相交的參照線,交點位置為透視中心點,後面會用到。

    Photoshop製作54青春飛揚立體字教程

    6、給當前圖層添加圖層樣式,分別設置:斜面和浮雕、等下、紋理,紋理部分的圖案可以任意,參數設置及效果如圖。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    7、按Ctrl + J 把當前圖層複製一層,然後雙擊圖層縮略圖調出圖層樣式,去掉等高線及紋理樣式,斜面和浮雕的參數稍微修改一下,參數設置如圖,確定后把圖層不透明度改為:50%,填充改為:0%,效果如圖。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    8、在背景圖層上面新建一個組,在組裡新建一個圖層,現在開始製作文字立體面。以參考線交點為起點,用鋼筆勾出下圖所示的選區,選擇漸變工具,顏色設置如圖,拉出下圖所示的線性漸變作為立體面顏色。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    9、新建一個圖層,按Ctrl + Alt + G 創建剪貼蒙版,用鋼筆勾出下圖所示的選區,加上同上的漸變色。

    Photoshop製作54青春飛揚立體字教程

    10、新建一個圖層,創建剪貼蒙版,用鋼筆勾出下圖所示的選區,加上同樣的線性漸變。立體面的漸變色設置都是一致的。

    Photoshop製作54青春飛揚立體字教程

    11、新建一個圖層,用鋼筆勾出下圖所示的選區,加上漸變色。

    Photoshop製作54青春飛揚立體字教程

    12、其它立體面的製作方法相同,注意好漸變的方向,過程如圖。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    13、其它文字立體面製作方法相同,如圖。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    14、同上的方法製作中間文字效果,過程如圖。立體面較多,注意好層次關係。

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    Photoshop製作54青春飛揚立體字教程

    15、底部的翅膀製作方法相同,效果如下圖。

    Photoshop製作54青春飛揚立體字教程

    最後調整一下細節,完成最終效果。

    Photoshop製作54青春飛揚立體字教程

    — —

    文章永久連結為: Photoshop製作54青春飛揚立體字教程