本教程示範如何利用 Illustrator 的全域色板統一配色管理，配合多層漸層疊加、混合模式、效果 › 風格化 › 圓角、自訂藝術筆刷等技巧，從零繪製一支擁有金屬質感、花紋裝飾、發光指示燈的精致 USB 隨身碟向量圖標。全流程圖層結構清晰，適合作為產品圖標設計的標準化範本。

成品效果

核心技法清單

• 全域色板：一鍵同步修改全圖配色
• 矩形 + 圓角效果 + 多層漸層疊加 → 本體立體感
• 混合模式 (正片疊底、疊加) 控制陰影與高光層次
• 剪貼蒙版/對齊面板精準定位蓋子與本體
• 自訂藝術筆刷 + 鏡像複製 → 對稱花紋圖騰

詳細步驟

1. 建立全域色板

色板面板新增四色 (白、黑、淺灰、深灰) → 雙擊勾選「全域色」 → 右下角出現白色三角標識。後續所有漸層滑塊皆拖入此四色，日後修改色板即可全圖聯動更新。

2. 本體主體結構 (三層矩形疊加)

1. 底層：矩形 (W×H) → 效果 › 風格化 › 圓角 (0.018 pt) → 灰階線性漸層模擬金屬管身。
2. 中層：複製底層 → 變換面板鎖定比例調高度 → 線性漸層 (全域色) → 居中對齊。
3. 頂層：再複製一矩形 → 不同漸層方向/色停 → 居中對齊。

3. 蓋子結構與細節

• 複製中層矩形 → 改尺寸 91×60 pt → 混合模式「正片疊底」 → 垂直頂端對齊大矩形。
• 蓋子邊緣高光：複製蓋子 → 高度 1.5 pt → 保持漸層 + 深灰描邊 0.25 pt → 混合模式「疊加」置於蓋子下方。

4. 底部凸起觸點

扁長矩形 (76×1.2 pt) → 灰色線性漸層 + 圓角 0.818 pt → 複製兩個 → 對齊置於本體最底部。

5. 指示燈 (三層圓疊加)

1. 基底圓：同蓋子漸層。
2. 中層圓：粉色 (非全域色) → 模式「疊加」不透明度 68%。
3. 效果 › 風格化 › 內發光 (正常、75% 不透明度、2 pt 模糊、黑色)。
4. 頂層圓：灰色徑向漸層 (全域色) → 三圓居中對齊置於蓋子頂端。

6. 自訂花紋筆刷與對稱佈局

1. 鋼筆畫單筆畫路徑 → 填黑 → 拖入筆刷面板 → 新建藝術筆刷：方向左→右、著色法「色相轉換」。
2. 鋼筆畫裝飾路徑 → 套用筆刷 → 擴展外觀 → 路徑查找器合併 (關鍵步驟，否則鏡像會變形)。
3. 群組 → 鏡像複製 → 組合成對稱花紋 → 置於本體表面。

小結

全域色板讓配色迭代極致高效；漸層疊加+混合模式替代複雜網格也能達到準 3D 質感；自訂筆刷配合「擴展外觀→合併」是製作可自由變換的對稱裝飾圖騰的標準流程。掌握這套組合拳，產品級圖標設計將事半功倍。