Johnson Li的部落格

After Effects Neon 霓虹燈 特效字製作

Composition Settings:Neon text

1920x1080 /Frame Rate:30 /Duration:10sec
新增一個黑色Solid Layer 

■Step1 製作磚塊背景

素材:http://www.58pic.com/tupian/zhuan.html
※效果:Curves 色階曲線  讓磚塊暗一點

※效果:Tint 單色轉變  Map White To Gray； Amount to Tint:95%

→製作暗角效果 新增一個黑色Solid Layer，並雙鍵點擊shape tool -橢圓 自動符合邊緣切齊，Mask改選Subtract反轉，按F鍵加強羽化Mask Feather至600pixel

→將磚塊牆面、暗角跟最下面Solid Layer Pre-compose

■Step2 霓虹字製作
安裝字型:Dynalight/Clip

→新增文字、選用較亮顏色、無外框線

※效果:Transform 中Skew調整傾斜 -10
→外圍圓框製作 : shape tool > eclipse > 畫出一個無填滿 邊線為11的圓，擺置中心

→為了讓圓更擬真霓虹效果，用Pen tool 以原本圓的路徑再畫一個稍微有曲線的圓，並隱藏原本的圓

→將文字與圓 Pre-compose

■Step3 霓虹效果製作
→製作底層(燈未開啟效果):將剛剛pre-compose的content複製一層，上層content先隱藏，下層Layer Style 選Bevel and Emboss 斜邊與浮雕

※效果:Fill -->Dark gray深灰

底層亮部太亮:Bevel & Emboss Hightlight Color Whit to Gray  (勿太亮或太暗)，Layer Style 選 Drop Shadow

→製作中層(燈開啟):複製一層content，在第2層添加※效果:fast blur -->Blurriness:150 ，光暈效果

→將上層content的Layer Style 選擇內輪廓光Inner glow，調整其參數Source>Center

→製作上層添加※效果:glow，並複製一層，將最上層content刪去glow效果,調整Layer Style為Bevel and Emboss>調整其參數Shadow Opacity 17% Hightlight Opacity 0%；Inner glow  Opacity50%
 

■Step4 環境光

→新增一個Solid Layer 命名為Lights，放在倒數第二層

※效果:4 color Gradient -->Dark gray深灰，四色接近文字及外圍圓框的顏色，並將中心移至文字附近

→Pen Tool畫一個不規則的遮罩環繞圖形，按F更改羽化效果250pixels，混合模式Blending Mode改為Vivid Light(亮光)，透明度、遮罩範圍可些微調整

■Step5 動態呈現

管理圖層名稱off/on
→拖曳on的圖層+lights圖層，往後移5格
→進入第一個on圖層做Keyframe:全選Ring+text的Opacity 在0格,5格,10格調整為(100% 0% 100%)
→Wiggle語法 製作霓虹閃爍晃動效果 在上層CONTENT 將Opacity打開，並用Alt鍵點碼表，輸入wiggle(60,20) 代表作用在透明度每秒60次，每次晃動20個pixel像素(次數、幅度)

→複製在其他on圖層上此wiggle語法

★效果Curves/Tints/Transform-skew
★Layer Style :Bevel and Emboss斜邊與浮雕 /內輪廓光Inner Glow
★Blending Mode :Vivid Lights
★Wiggle語法 作用參數(次數,強度)

線上學習網址
Neon Text Animation in After Effects - After Effects Tutorial - Simple Way
https://www.youtube.com/watch?v=-36U3feGtuE