教學目標

利用 Photoshop 時間軸（需 CS3 以上版本）製作帶有光影流動動畫的霓虹燈文字，輸出 GIF 動圖。

最終動畫效果

Step 1：背景與紋理

1. 新建畫布，Shift+F5 填黑。圖層樣式「漸層疊加」：徑向、中心 #38556f 至邊緣黑。
2. 下載 SubtlePatterns「Broken Noise」素材，新圖層圖案填充，混合模式「柔光」。

Step 2：文字與靜態霓虹樣式

1. 安裝字體 Major Snafu，文字工具輸入「A」。
2. 圖層樣式堆疊（參數見圖）：
   • 斜面與浮雕：深度 105%、大小 32、軟化 5、角度 128°、高光/陰影模式顏色減淡。
   • 內陰影：顏色減淡、不透明度 44%、角度 180°、距離 4、大小 16。
   • 內發光：顏色減淡、不透明度 60%、白色、來源居中、大小 38。
   • 色彩疊加：顏色減淡、不透明度 20%。
   • 外發光：顏色減淡、不透明度 72%、白色、大小 106。
   • 投影：不透明度 41%、距離 42、大小 35。

Step 3：複製文字圖層疊加第二組樣式

1. Ctrl+J 複製文字圖層，清除原樣式。
2. 添加內陰影（顏色減淡、43%、180°、距離 14、大小 13）與內發光（顏色減淡、34%、白色、180°、居中、大小 65）。

Step 4：動畫光點製作

1. 頂層新建兩圖層「right」「left」，置於群組，群組模式「顏色減淡」。
2. 白色柔邊筆刷在兩圖層分別繪製光點。
3. 開啟「視窗 > 時間軸」，將 right/left 圖層位置屬性添加關鍵幀（0 幀）。
4. 移動時間軸至 1:00，移動光點位置，自動生成關鍵幀。
5. 重複移動時間軸與光點位置，完成運動軌跡。

總結

掌握時間軸關鍵幀動畫，即可將靜態霓虹文字轉為動態流光效果，廣泛應用於網頁 Banner、社群動態貼文。