風格定位：手繪溫度 + 遊戲張力 = 獨特IP視覺資產

手繪遊戲字體不同於標準字庫，它承載著品牌人格、世界觀氛圍、情感連結。本教學不提供現成字體下載，而是傳授從概念草圖到像素級精修的完整創作方法論，讓你能為自己的遊戲/專案創造專屬視覺語言。

創作全流程

階段一：概念草圖與形態探索 (紙筆/數位板)

1. 關鍵詞提煉：遊戲類型 (RPG/平台跳躍/解謎) + 核心情緒 (歡樂/神秘/療癒/熱血) + 目標受眾
2. 字形骨架設計：每個字母/漢字的基本幾何結構 (寬高比、筆畫粗細對比、基線/頂線/中線)
3. 裝飾元素語彙庫：針對主題設計 10-20 個可復用裝飾單元 (如：星星、愛心、翅膀、葉子、齒輪、符文、泡泡...)
4. 草圖迭代：繪製 3-5 版草圖 → 團隊評審/用戶測試 → 定案

階段二：矢量化與基礎字形構建 (Illustrator 推薦)

• 鋼筆工具精確描繪字形外輪廓 → 閉合路徑、錨點最小化、曲線流暢
• 建立字形系統：基準線、x-height、大寫高、升部/降部高度統一
• 組件化製作：筆畫組件 (豎筆、橫筆、撇、捺、鉤...) 組合成字，確保一致性
• 導出 SVG/EPS 供 PS 使用，或直接在 AI 內完成後續風格化

階段三：Photoshop 手繪質感賦予 (核心階段)

1. 基底色塊與選區準備

PS 開啟矢量字形 → 圖層樣式「顏色疊加」套用基底色 → Ctrl+點擊縮略圖載入選區 → 存儲選區「字形主體」。

2. 紋理畫筆庫建立 (預先準備)

畫筆類型	用途	關鍵設定
紙張顆粒	整體紋理基底	雜色筆刷、流量 20%、不透明度抖動 筆壓
鉛筆/蠟筆邊緣	字形邊緣破碎感	雙重畫筆 (硬圓 + 散佈點)、大小抖動 筆壓
水彩邊緣暈染	筆畫連接處自然過渡	濕邊開啟、顏色動態 前景/背景抖動 50%
噴塗/飛濺	裝飾元素、筆觸斷裂處	散佈 200%、計數 3、大小抖動 100%
高光/反光點	立體感、材質感	1-2px 硬圓、不透明度 100%、顏色動態 亮度抖動

3. 分層繪製策略 (圖層組結構)

• 群組「字形基底」：純色填充層 (可隨時換色)
• 群組「紋理層」：裁剪蒙版限制在字形內
  • 圖層「紙張顆粒」→ 正常 30%
  • 圖層「筆觸方向性」→ 疊加 50% (順筆畫方向手繪長筆觸)
  • 圖層「邊緣破碎」→ 正常 100% (蒙版限制邊緣 5-10px 範圍)
• 群組「裝飾層」：各裝飾元素獨立圖層，便於動畫/互動拆分
• 群組「光影層」：高光、陰影、環境光、次表面散射模擬
• 群組「調整層」：曲線、色彩平衡、色相/飽和度、選擇性顏色

4. 關鍵手繪技法演示

• 筆觸方向一致性：同一筆畫內部紋理筆觸方向順應書寫順序 (如豎筆從上到下)
• 壓感模擬：無數位板時：Shift+數字鍵 1-0 快速切換畫筆不透明度 10%-100%
• 邊緣「破而不散」：蒙版上用「噴塗畫筆」低流量噴繪，而非硬擦除
• 色彩溫度變化：筆畫轉折處引入微妙色相偏移 (暖→冷/冷→暖)

階段四：像素級精修與輸出規範

1. 100% 放大逐字檢查：邊緣鋸齒、紋理重複明顯、顏色溢出、裝飾遮擋主識別
2. 銳化：濾鏤 > 銳化 > 智能銳化 (量 30%、半徑 0.5px、減少雜色 10%)
3. 導出規範：
   • 遊戲引擎：PNG 序列圖 (每字母獨立) + 字體圖集 打包工具
   • UI 系統：SDF (Signed Distance Field) 字體圖集 → 無限縮放無鋸齒
   • 宣傳圖：高解析度 PSD/PNG + 圖層結構保留

專案管理與團隊協作建議

• 字體設計系統文檔：包含設計理念、字形規範、裝飾語彙庫、色彩系統、命名規範、導出規格
• 版本控制：Git LFS 管理 PSD 源檔、每日提交、標籤版本 (v1.0-release, v1.1-holiday-event)
• 自動化管線：PS 腳本/動作 + Python/JS 自動化 → 批量導出、重命名、打包上傳 CDN
• 多語言擴展：預留 CJK 字符集擴展空間、右-to-左語言 (阿拉伯/希伯來) 佈局測試

靈感庫與參考資源

• 獨立遊戲字體參考：《Celeste》、《Hollow Knight》、《Ori》、《Undertale》、《Night in the Woods》
• 字體設計社區：Behance「Game Typography」、Dribbble「Hand lettering games」、Pinterest「Game font design」
• 技術資源：FontForge (開源字體編輯器)、Glyphs (Mac 專業字體設計)、Unity TextMeshPro / Unreal Font 系統文檔