PS教程！手把手教你制作大氣的3D熒光燈字體

編者按：簡單但效果超棒的PS教程！今天的教程只要12步，就能做出一個質感豐富的3D 熒光燈字體，附上動效教程，秒變高端大氣。

這次做的是一個暗色背景，用的是一個數字“2”來模擬熒光燈開燈的效果（原型是韓國的一個游戲網站），筆者簡單做了一個排版和氣氛烘托，效果圖如下：

△ 未開燈時

△ 開燈后

△ 動圖

工具：photoshop CC 2015 （版本沒所謂的~只要不是太低都可以）

難度：★★☆☆☆（灰常簡單，但是很出效果~）

1. 新建畫布900 x 600px，分辨率72，用漸變工具拉一個漸變作為背景：

2. 用鋼筆工具繪制出中間的數字2，并復制它，將之前繪制的2先隱藏起來，如下圖：

3. 復制2，然后點擊"3D-從所選路徑新建3D模型"，在屬性面板中，關閉捕捉陰影和投影，調整一下凸出深度（看自己喜好，大一點就深一點）如下圖設置：

4. 把剛剛創建的3d模型柵格化，變成一張圖片，應用圖層樣式，如下圖

5. 打開之前繪制的2，并將它至于3d層的上方。并應用圖層樣式，設置如下：

6. 先找到一張紋理，然后在2的圖層上，執行ctrl+鼠標左鍵運用蒙版功能，剪切出2的形狀，將圖層混合模式選為 疊加。如圖：

7. 給2繪制陰影，可以用筆刷畫，然后用變形工具調整。這里就不細講，如圖：

8. 用鋼筆工具繪制電線，并添加陰影。

9. 依然是鋼筆工具繪制未通電的燈管，將描邊設置為5，填充設為0.這個里粗細可以按照自己喜好設置。添加陰影和內發光。如下圖：

細節如下：

10. 用橢圓工具繪制連接燈管的洞，這里就不詳細講，很簡單，這樣基本效果就出來了~如圖：

11. 分別復制未通電的燈管，復制兩份。一個作為通電后的效果，一個作為疊加通電后最亮的那個效果，如圖：

整體效果就是這樣~目前基本完成效果圖：

12. 為了不是畫面單調，給圖片簡單的排個版~（今后再將怎么排版），頓時效果就出來了~裝逼成功~如圖：

13. 接下來就是要做動效，打開時間軸面板。一張一個效果，這里筆者就不細講怎么做了~不懂的看之前的教程：《新手指南！手把手教你玩轉PS時間軸之基礎操作篇》。如圖：

這樣整體效果就出來了~~

為了方便大家學習，我把PSD上傳到網盤吧~有需要的同學可以去下來看看~

鏈接：https://pan.baidu.com/s/1o7L8C2m

密碼: qne3

總結：

同樣的制作方法，用在不同的氛圍下，呈現的是截然不同的效果，高手和普通選手的區別在于知道將一個效果用在最恰當的地方，那樣才事半功倍呢。所以學會方法后，就要去想怎么才能將學到用在最對的地方，那樣別人就會在意你的能力，而不是你的技術哦。

歡迎關注作者的微信公眾號：折騰先生

「折騰先生」的好文合集：

1. 《PS教程！手把手教你繪制萌萌噠的小鳥卡通形象》
2. 《PS教程！手把手教你制作沖擊力超強的美漫風格海報》
3. 《省時高效！7個資深設計師常用的PS實用技巧》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量190萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com