搖滾視覺語言的核心元素——閃電、骷髏、吉他、噴漆飛濺、鋸齒字體——皆可用純矢量方式在 Illustrator 中高效產出。本教程示範構建一套可無限縮放、隨時改色的「搖滾元件庫」，適用於演出海報、樂隊周邊、服飾印花等商業場景。

成品展示

核心元素拆解與製作要點

1. 閃電圖騰 — 快速幾何構建法

• 用 多邊形工具 點擊畫板輸入 邊數 3、半徑任意 獲取三角形。
• 複製、翻轉、對齊拼合成閃電輪廓，路徑查找器 合併。
• 套用 效果 → 風格化 → 圓角 (2-3px) 柔化尖角，保留銳利感又不刺眼。

2. 骷髏頭 — 對稱繪製技巧

1. 啟用 垂直軸對稱（視圖 → 顯示網格/吸附到網格，或使用 鏡像工具 (O) 配合 Alt 點擊中心軸複製）。
2. 僅繪製半側輪廓（額頭、眼窩、鼻腔、顴骨、下頷），鏡像合併得完整骷髏。
3. 齒列：矩形陣列 → 路徑查找器 分割 → 刪除多餘 → 合併。

3. 電吉他輪廓 — 參考圖描邊 + 形狀生成器

• 置入參考圖，降低不透明度鎖定圖層。
• 用 鋼筆工具 分部件描繪：琴身、琴頸、琴頭、拾音器、琴橋。
• 用 形狀生成器 (Shift+M) 快速合併/減去重疊區域，獲得乾淨閉合路徑。

4. 噴漆/飛濺效果 — 散點筆刷 + 變形工具

• 新建 散點筆刷：源對象為不規則墨跡形狀，大小/間距/旋轉全設為 隨機 範圍。
• 用 油漆刷工具 (B) 自由揮灑，再執行 對象 → 擴展外觀 轉為路徑。
• 配合 變形工具組（扭曲/收縮/皺褶）微調飛濺形態，極具手繪隨機感。

5. 鋸齒/撕紙字體 — 效果即時編輯

1. 輸入文字，選中後 效果 → 扭曲變形 → 鋸齒（大小 2px、脊線 8、平滑點）。
2. 再疊加 效果 → 路徑 → 鬆脆（細節 15、間距 5）增強撕裂感。
3. 所有效果保留在 外觀面板，隨時可修改文字內容或參數。

元件庫管理與輸出規範

規範項目	建議標準
畫板尺寸	1000×1000px 單元格，每元素獨佔一畫板
色彩模式	CMYK（印刷優先）+ RGB 版本同步保存
命名規則	rock_lightning_01, rock_skull_02, rock_guitar_03...
導出格式	AI 源文件 + SVG（網頁）+ PNG@3x（UI）+ EPS（印刷廠）
圖層結構	Linework / Fill / Effect / Reference（參考圖鎖定隱藏）

商業應用場景示例

• 海報主視覺：骷髏為主體，閃電貫穿背景，吉他斜向穿插，標題套用鋸齒字體。
• T恤印花：單元素放大置中，配合水性膠漿/數碼直噴工藝。
• 動態識別：導入 After Effects，利用 Trim Paths 實現閃電生長、噴漆飛濺動畫。

建立標準化的矢量素材庫，是設計師從「畫圖」進階到「設計系統」的關鍵一步。從今天開始，為你的搖滾專案構建專屬元件庫吧！