MGB Neon Text / 霓虹燈光文字

今天跟大家分享霓虹燈光效果的製作方法。主要是應用圖層樣式並結合Glow等特效來完成，過程中還有一些提升霓虹感覺的觀念，一起看下去吧!

1、新建Composition

請執行 Composition / New Composition：自行建立新的Composition，各項參數可參考下圖。

2、載入背景圖

請執行 File / Import / File：請自行加入喜歡的背景圖片來當作底圖。

3、調整背景圖質感

3.1調整背景圖明暗
在步驟2的底圖上可視情形加入Curves效果：將底圖色調調暗一些。可參考下圖。


3.2
再加入Tint 效果：將Map White to的顏色設定為暗灰色。


3.3 製作”暗角”效果
執行 Layer / New / Solid：建立一個新的色塊圖層，命名為Light。


接著在此圖層上以「Ellipse 橢圓工具」：在畫面中央圈出一個遮罩(Mask)範圍。


在遮罩(Mask1)右邊將模式切換成：Subtract(反轉) 。



展開 Mask屬性：調整 Mask Feather的數值約400左右。


3.4
將 Light與背景圖層一起選取，按右鍵執行 Pre-Compose：命名為 BG，各項參數可參考下圖。

4、加入主題文字與圓圈

4.1
使用「文字工具」：打入自己想要的標題與顏色。建議使用英文的手寫字型與亮粉色系會比較有霓虹的FU!


4.2 讓文字變形
分別在文字圖層上加入Transform 效果：自行調整 Skew數值，將文字標題產生傾斜即可。




4.3 產生外圍圓圈
先使用「Ellipse 橢圓工具」：關閉 Fill / 保留 Stroke，按Shift鍵在畫面中央圈出一個正圓型當作參考。




再使用「Pen Tool鋼筆工具」：參考正圓刻意繪製出一個帶點不規則邊緣的圓形。
(感覺帶有手工感，會比較自然)


4.4
將步驟 4.1的文字圖層與步驟 4.3的圓圈一起選取，按右鍵執行 Pre-Compose：命名為 Neon。

5、製作霓虹立體效果

5.1
先複製一層Neon圖層備用。


5.2
在原有的 Neon圖層上，執行：Layer / Layer Styles / Bevel and Emboss來產生浮雕效果。


接著加入 Fill 效果：在 Color上設定為深灰色。


5.3
展開Neon圖層上的 Bevel and Emboss屬性：
將 Highlight Color：設定為淺灰色。
將 Highlight Opacity：設定50%左右。


5.4
再執行：Layer / Layer Styles / Drop Shadow來產生具有立體感的下落式陰影效果。

6、製作霓虹燈光效果

6.1
選擇在步驟 5.1所複製的Neon圖層上，再複製一層Neon圖層(排列到最上層)備用。



6.2
在原來步驟 5.1所複製的 Neon圖層上，執行 Fast Blur 效果：在 Blurriness數值設定在100~150左右，來產生具有光暈的效果。


6.3
在步驟6.1所複製的 Neon圖層上，執行：Layer / Layer Styles / Inner Glow 來產生內部光暈效果。


緊接著展開 Neon圖層上的 Inner Glow屬性：將 Source：設定為 Center。




接著直接在圖層上加入 Glow效果 即可。


6.4
再複製一層步驟 6.3的Neon圖層並排列到最上層。


6.5
編輯步驟6.4複製的Neon圖層 , 先刪除既有的 Glow效果，接著執行：Layer / Layer Styles / Bevel and Emboss來產生浮雕效果。


6.6
繼續展開步驟6.5的Neon圖層上Bevel and Emboss屬性：
將 Highlight Opacity：設定0%。
將 Shadow Opacity：設定30%左右。


6.7
繼續展開在步驟6.5的Neon圖層上Inner Glow屬性：將 Opacity：設定50%左右。

7、製作霓虹暈光背景

7.1
執行 Layer / New / Solid：建立一個新的色塊圖層，命名為Color Light。
注意請將此圖層排列在BG圖層上方。

 7.2
為 Color Light 圖層加入4-Color Gradient效果。


並分別為 Color 1~4  設定顏色：吸取原文字的色彩即可。
分別調整 Point 1~4  的位置定位到：文字與圓圈的周遭+對應到相同的顏色文字附近，請參考下圖。


7.3
為 Color Light圖層加入遮罩：使用「Pen Tool鋼筆工具」：繪製出一個帶點不規則比圓形的範圍更大一些的遮罩範圍。


再展開 Mask屬性：調整 Mask Feather 的數值約 250左右。


7.4
將 Color Light 圖層的混合模式設定為：Vivid Light。
並可視需求自行降低此圖層的Opacity：約設定60%左右。

8、製作霓虹燈光閃爍效果

8.1重新命名所有Neon圖層 
由下而上,分命名:
最下方的Neon圖層命名為：Neon Off (燈光打開的意思)
其它的Neon圖層命名為：Neon On (燈光關閉的意思)


8.2
將 Color Light圖層與所有 Neon On 圖層的起始點一起往後移20 個 Frame左右


8.3
在最上方Neon On 圖層，設定Opacity的動態：
共 3個關鍵影格，數值分別設定為 100 % > 0% > 100%。


8.4
接著同樣在最上方Neon On圖層，為 Opacity屬性 增加 Expression的動態 ( Alt鍵+屬性前方的小時鐘 )，請加入以下語法：wiggle(60,20);



8.5
最後替其它 Neon On 圖層與Color Light圖層，重複步驟 8.2~8.4 加入Opacity屬性的關鍵影格與Expression的動態 就大功告成囉！