萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 繪製逼真彩色粉筆字:童年黑板報夢想的向量實現

粉筆字體擁有獨特的「顆粒感、邊緣殘缺、色彩疊加不均」的手寫溫度。本教學將示範如何在 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 親手寫一段,才有屬於你的「粉筆溫度」。

copyright © 萬盛學電腦網 all rights reserved