設計思路：將織物肌理「穿」在字體骨架上

布紋藝術字的核心在於「字形結構不變，表面材質替換」。本教學展示如何用 Illustrator 外觀面板，在**保持文字可編輯**前提下，疊加：基礎填色→布紋圖案填色→描邊變形→投影/發光效果，獲得豐富織物質感字體，並存為圖形樣式一鍵套用於任意文字。

步驟 1：建立無縫布紋圖案填色

1. 新建 100×100 px 正方形畫布。矩形網格工具：10×10 格、描邊 0.5 pt 深灰 #666、無填色。
2. 選取網格 → 物件 → 擴展外觀 → 取消編組 → 刪除外框，僅保留內部細線網格。
3. 選取所有細線 → 編輯 → 定義圖案，命名「布紋_平紋」，類型「網格」、間距 0。
4. 進階：畫幾條不規則彎曲細線（鋼筆工具、描邊 0.3 pt #888），定義「布紋_斜紋」；或用晶格化工具擾動直線得「布紋_亂麻」。

步驟 2：文字骨架與外觀面板構建

1. 文字工具 (T) 輸入目標文字（如「FABRIC」），字體選粗體無襯線（如 Gotham Black），字號 180 pt，填無、描邊無。
2. 開啟外觀面板，構建以下堆疊順序（從下到上）：

步驟 3：描邊變形特效——賦予筆觸手寫感

1. 針對描邊 4（外輪廓）：效果 → 扭曲與變換 → 粗糙化：大小 1%、相對、每段 3/英寸、平滑圓角。模擬布料剪裁邊緣微細毛邊。
2. 針對描邊 5（內高光）：效果 → 扭曲與變換 → 扭轉：角度 5°、相對。產生微妙扭曲高光帶，增強立體感。

步驟 4：存為圖形樣式與批量應用

1. 選取文字 → 圖形樣式面板 → 新增圖形樣式「布紋藝術字_標準」。
2. 新文字輸入 → 一鍵套用樣式。字體/字號/字距任意修改，布紋效果自動適配。
3. 色系變體：編輯全域色板「布底色」→ 米白/淡藍/玫瑰粉/薄荷綠，全圖同步更新。
4. 紋理切換：外觀面板中圖案填色層 → 更換為「布紋_斜紋」或「布紋_亂麻」，即時換質感。

進階變體：刺繡/提花/燙金效果

• 刺繡： 在外觀面板頂層添加「填色：無、描邊：2 pt 圓頭、虛線 0/4 pt、色 #ff6600、效果→路徑→偏移路徑 -2 px」，模擬鈎針線跡。
• 提花： 圖案填色換為「提花圖案」（預先定義的幾何重複圖案），混合模式「正片疊底」。
• 燙金： 基底色改金屬漸層 #ffd700→#b8860b，紋理圖案改「噪點顆粒」，外發光改金色 #ffd700。

輸出與協作建議

保留 AI 原檔（文字可編輯、外觀面板可調）。導出：SVG（含 `` 定義、CSS 變數色板）、PNG 透明底、PDF/X-1a。開發端可直接用 SVG `` 替換內容、CSS 修改色板，實現前端動態布紋字體渲染。