教學目標

製作具有書法筆觸順序、自然流暢筆跡動畫的 GIF 毛筆字。核心流程：文字描邊建立骨架 → 逐筆手繪黑色筆觸圖層 → 時間軸逐幀顯示 → 導出優化 GIF。適合書法展示、品牌動態 Logo、教學示範。

成品預覽

詳細製作步驟

第一階段：建立文字骨架與立體效果

1. 新建 600×400 px、透明背景文件。
2. 文字工具輸入文字，選擇古典書法字體（如「標楷體」、「行楷」、「漢儀顏真卿」），字號填滿畫面 80%。
3. 文字圖層右鍵「混合選項」添加「描邊」：大小 3~5px、位置「外部」、顏色深灰/黑，建立文字輪廓骨架。
4. 複製文字圖層多層，取消圖層樣式，用 ↑↓ 方向鍵逐層位移 1~2px，合併複製層產生偽立體厚度。
5. 合併後圖層添加「圖案疊加」(紙張紋理) +「描邊」強化質感。

第二階段：逐筆手繪筆觸圖層（最耗時、最關鍵）

6. Ctrl+點擊 原文字圖層縮圖載入選區。
7. 新建圖層「筆觸 1」，前景色黑，選「硬邊圓形筆刷」直徑 8~15px（視筆畫粗細），不透明度 100%，流量 100%。
8. 按照書寫筆順，一筆一圖層 手繪描繹。每完成一筆（如「豎」、「橫」、「撇」、「捺」），新建下一圖層繼續。
9. 本範例共 59 筆 → 59 個圖層。耐心是關鍵！

第三階段：時間軸動畫設定

10. 開啟時間軸 (視窗 > 時間軸)，點「建立影格動畫」。
11. 關閉所有「筆觸」圖層眼睛圖示（隱藏）。
12. 第 1 幀：開啟「筆觸 1」眼睛。
13. 點「複製選取的幀」建立第 2 幀：關閉「筆觸 1」，開啟「筆觸 2」。
14. 以此類推，每幀僅顯示對應筆觸圖層，直至最後一筆。
15. 全選所有幀 (Shift+點擊首尾幀)，設定幀延遲 0.08 秒（可依字數/速度調 0.05~0.15s），循環選「永遠」。
16. 點播放預覽，確認筆順流暢、無跳幀。

第四階段：導出優化

17. 檔案 > 匯出 > 存儲為 Web (舊版)，選 GIF。
18. 設定：色數 128、抖動「無」、透明度勾選、循環「永遠」。
19. 若檔案過大：減少幀數（合併相近筆畫）、縮小畫布、降低色數至 64。

進階變化與技巧

• 墨色漸變：各筆觸圖層漸層疊加（深墨→淡墨），模擬墨汁漸乾。
• 宣紙紋理：底層鋪宣紙紋理圖案，文字骨架圖層模式「正片疊底」融合紋理。
• 落款印章動畫：最後幀淡入印章圖層（縮放+不透明度關鍵幀）。
• 筆刷選擇：內建「書法筆刷」或下載「中鋒/側鋒」筆刷包，筆觸更真實。
• 補間優化：關鍵筆畫間插入補間幀（時間軸選單「補間」），動作更連貫。

常見問題排查

問題	原因	解決
動畫閃爍/斷筆	筆觸圖層順序錯誤/遺漏幀	檢查圖層面板順序與時間軸幀對應關係
檔案過大 (>2MB)	幀數過多/畫布過大/色數過高	合併簡單筆畫/縮小畫布/降色數至64
筆觸邊緣鋸齒	筆刷硬度過高/解析度不足	用軟邊筆刷/提高文件解析度至150dpi
筆順不自然	未遵循正確書寫筆順	查閱字典筆順/參考書法教學視頻

一筆一畫，是時間的刻度，也是心靈的投影。