粉筆字體擁有獨特的「顆粒感、邊緣殘缺、色彩疊加不均」的手寫溫度。本教學將示範如何在 Illustrator 中,透過「粗糙濾鏡模擬顆粒」、「外觀面板疊加多重描邊」、「不透明蒙版控制濃淡」、「手寫字體選擇與變形」,讓向量文字擁有真實粉筆質感,滿足海報、黑板菜單、教學投影片、懷舊風設計需求。
成品預覽
核心製作邏輯
**基礎字形 (手寫字體) → 粗糙濾鏡 (顆粒邊緣) → 多重描邊 (粉筆厚度變化) → 不透明蒙版 (筆觸濃淡) → 色彩疊加 (多色粉筆混色) → 背景紋理 (黑板紋理)。** 全流程非破壞,隨時可編輯文字內容。
分步實作
1. 字體選擇與排版
- 推薦手寫風格字體:Chalkboard SE、Patrick Hand、Amatic SC、中文:文鼎粉筆體、獅尾粉筆體、手寫體。
- 文字工具輸入 → 字號大、行距寬 → Ctrl+Shift+O 轉輪廓 (或保留文字對象以利後續編輯)。
2. 粗糙濾鏡製造顆粒邊緣
- 選取文字 → 效果 → 扭曲與變換 → 粗糙濾鏡:
- 大小:1-2% (視字號大小)
- 細節:80-100 (越高顆粒越細密)
- 邊緣:圓角 (模擬粉筆圓潤顆粒)
- 此為「動態效果」,隨時可在外觀面板調整參數。
3. 外觀面板疊加多重描邊:模擬粉筆厚薄
- 外觀面板 → 添加新描邊 ×3-4 層:
- 第 1 層 (底):主色、4 pt、正片疊底、不透明度 30% — 基礎色塊。
- 第 2 層:主色淡 20%、2 pt、正常、不透明度 60% — 主要筆觸。
- 第 3 層:白/高亮色、1 pt、疊加、不透明度 40% — 邊緣高光/殘留粉屑。
- 第 4 層 (頂) : 深色、0.5 pt、正片疊底、不透明度 20% — 筆觸最深處。
- 所有描邊啟用「圓頭/圓角連接」,避免尖銳棱角。
4. 不透明蒙版模擬筆觸濃淡
- 複製文字群組 → 置頂 → 填黑白漸層 (線性/徑向視字形) → 白=顯示、黑=隱藏。
- 選中文字群組 + 蒙版對象 → 透明度面板 → 建立不透明蒙版。
- 調整蒙版漸層:筆畫起筆處淡 (白)、行筆處濃 (灰)、收筆處淡 — 模擬真實書寫筆壓變化。
5. 多色粉筆混色效果
- 關鍵字/裝飾字:套用不同主色描邊組 (藍、綠、黃、粉)。
- 重疊處利用混合模式 (正片疊底/疊加/柔光) 產生混色驚喜。
6. 黑板背景紋理
- 矩形填深綠/深灰 #1B3A2E / #2D2D2D。
- 效果 → 材質 → 顆粒:濃度 15、對比度 30、點狀/豎條紋。
- 或置入真實黑板掃描圖 → 實時描圖向量化 → 疊加模式「正片疊底」。
進階變體
| 風格 | 關鍵調整 |
| 兒童塗鴉風 | 字體更不規則、描邊更粗、顏色高飽和、加入手繪裝飾 (星星、愛心、箭頭) |
| 餐廳菜單風 | 等寬字體、嚴格基線對齊、雙色 (白+黃) 、裝飾分隔線、價格數字放大 |
| 教室講義風 | 標準正楷手寫體、藍紅雙色重點標記、幾何圖形輔助 (圓、箭頭、表格) |
| 復古廣告風 | 襯線手寫體、褪色調 (赭石、墨綠、奶白)、邊緣磨損 (粗糙濾鏡大尺寸) |
動畫就緒輸出
- AI 圖層命名:`Text_Main`、`Text_Sub`、`Decor_Stars`、`BG_Chalkboard`。
- 導入 After Effects → 逐層轉換形狀圖層 → 添加「修剪路徑」動畫 → 逐筆書寫動畫完成。
- 或導出 SVG + CSS `stroke-dashoffset` 實現網頁書寫動畫。
「向量粉筆字」的最大優勢:**永不失真、顏色隨時改、動畫隨時做、解析度隨時出**。下次需要黑板風設計,別再找素材圖了——用 AI 親手寫一段,才有屬於你的「粉筆溫度」。