Adobe Illustrator 作為業界標準的向量繪圖軟體，廣泛應用於出版印刷、海報排版、專業插畫、多媒體影像處理及網頁設計等領域。其強大的路徑控制能力，能為線稿提供極高精度，無論是小型圖標還是大型複雜專案皆能輕鬆駕馭。本教學將帶領你透過六個步驟，從零開始繪製一組精致可愛的圖標，掌握漸層填色、圓角效果、偏移路徑等核心技巧，實用性極高，適合各階段設計師參考練習。

教學前置準備

啟動 Illustrator，建立一個 800×800 像素的新文件。色彩模式建議設為 RGB（螢幕顯示用）或 CMYK（列印用），解析度 72 ppi 即可。

步驟 1：繪製基礎正方形與漸層填色

選取「矩形工具」（M），按住 Shift 鍵拖曳繪製一個正方形。開啟「漸層面板」（Ctrl+F9），套用線性或徑向漸層，色調可選擇溫暖的橘粉系或清新的藍綠系，作為圖標的基底色調。

步驟 2：套用圓角效果

選取正方形，前往「效果」→「風格化」→「圓角」。在彈出對話框中輸入半徑數值（建議 20–30 px），預覽後確定。此為動態效果，後續仍可在「外觀面板」中修改數值。

步驟 3：複製圖形並建立立體厚度感

選取圓角矩形，按 Ctrl+C 複製、Ctrl+F 貼上到前方。使用「選取工具」（V）將頂層圖形的底邊向上移動一段距離，並填入較深或對比色，模擬立體側面的厚度。

步驟 4：偏移路徑製作內縮邊框

選取原始圓角矩形（底層），執行「物件」→「路徑」→「偏移路徑」，設定負數偏移值（如 -8 px）產生內縮路徑。為新路徑套用不同方向的漸層，增強層次感。

步驟 5：頂部高光處理

再次複製底層圓角矩形（Ctrl+C、Ctrl+F），將頂邊向下移動，填入高亮漸層（如淡黃至白），模擬光源從上方照射的高光效果。

步驟 6：疊加半透明白色光澤

繪製一個與基底同大小的圓角矩形，填滿白色，不透明度降至 20%，混合模式設為「疊加」或「柔光」，瞬間提升圖標的質感與精緻度。

成果展示與延伸應用

完成上述六步驟，一個擁有立體感、漸層豐富、光影細膩的可愛圖標即告誕生。此工作流程可輕鬆擴展至不同形狀（圓形、六邊形等）、不同風格（扁平、新拟态、玻璃擬態），建議將圖層結構整理為符號或圖形樣式，便於批量產出統一風格的圖標集。

若在操作過程中遇到任何問題，歡迎留言交流，我會持續更新更多 Illustrator 實戰技巧，助你設計之路更順遂！