本教程演示如何在不將文字輪廓化(保持可編輯)的前提下,利用外觀面板疊加多重填色、偏移路徑、變換效果,實現極具金屬質感的立體文字效果。核心優勢:文字內容、字體、字距隨時可改,效果自動更新。
核心技法:外觀面板非破壞構建
1. 基礎文字設定
- 文字工具輸入文字,設定字體/字重/字距。
- 外觀面板:移除原有填色與描邊(設為「無」),避免干擾後續疊加效果。
2. 文字主體填色
- 外觀面板選單「新增填色」,填入金屬基底漸層(如:#C0C0C0 → #808080 → #E0E0E8 → #606060,線性,角度 90°)。
3. 立體厚度:偏移路徑 + 變換效果
- 外觀面板再「新增填色」,拖至最底層(第一個填色下方)。
- 該填色選中,執行「效果 > 路徑 > 偏移路徑」,偏移量正值(如 4px),連接型「圓滑」。
- 填色改為深色金屬漸層(模擬側面陰影)。
- 同一填色再加「效果 > 扭曲與變換 > 變換」:垂直移動 3px、縮放 98% → 模擬底部厚度透視。
4. 頂面高光
- 再「新增填色」置頂。
- 「效果 > 路徑 > 偏移路徑」偏移 -1px(內縮)。
- 填「白 → 透明」線性漸層,角度 -90°(頂部亮)。
- 不透明度 60%,混合模式「疊加」。
5. 邊緣高光/倒角
- 新增填色置頂。
- 「效果 > 路徑 > 偏移路徑」偏移 -0.5px。
- 填白色,不透明度 40%,混合模式「正片疊底」。
6. 環境反射(進階)
- 新增填色,偏移 -2px,填「深灰 → 淺灰 → 深灰」線性漸層,角度 0°,不透明度 30%,模式「柔光」,模擬側向環境反射條。
關鍵優勢
- 文字永遠可編輯:雙擊文字工具即可修改內容、字體、字距,所有效果即時重算。
- 樣式化複用:外觀面板選單「新增圖形樣式」,一鍵套用至任何文字/路徑。
- 參數化控制:偏移量、漸層角度、透明度皆可在外觀面板即時微調,所見即所得。
- 檔案極輕量:單一文字物件承載所有效果,無需複製圖層、擴展外觀。
延伸變化
- 黃金字:漸層色票換為 #FFD700 → #B8860B → #FFD700 → #8B6914。
- 鍍鉻字:高反對比漸層 #FFFFFF → #808080 → #FFFFFF → #303030,加強環境反射條。
- 霓虹管字:基底填深色,加「效果 > 風格化 > 外發光」(顏色 #00FFFF,模式「螢幕」,模糊 10px)。
結語
外觀面板是 Illustrator 最強大却常被忽視的功能之一。掌握「多重填色 + 路徑效果(偏移/變換) + 混合模式/透明度」的組合邏輯,即可在保持完全向量可編輯性的前提下,創建媲美 3D 渲染的複雜材質文字效果。這才是專業向量設計師的核心競爭力。