這款「精致玲瓏的多彩風車」不僅顏值極高,更是 Illustrator 進階技法的綜合練兵場:動態網格對齊、變形效果疊加、路徑查找器布林運算、外觀面板多重填充混合模式、鍵盤增量微調陰影。跟著教學走一遍,你將掌握「結構精準、光影豐富、風格統一」的矢量插畫核心功力。
成品預覽
文件與網格設定
- 600×750 px、RGB、72 ppi、取消「對齊像素網格」。
- 網格 5 px、細分 1,Ctrl+U 智能參考線開啟。
- 資訊面板、單位設為像素——像素級精準的基石。
風葉主體構建:兩層幾何疊加
橙色主葉片(底層)
- 矩形 135×55 px、填 #FF9B00、無描邊。
- 直接選取右上錨點 ← 移 55 px → 控制面板圓角 24 px(或腳本 Round Any Corner)。
- 左側錨點圓角 30 px。
- 效果 → 變形 → 下弧形(垂直彎曲 -20%) → 擴展外觀。
- 再一次「下弧形」(垂直彎曲 -15%) → 擴展外觀 → 右下錨點圓角 3 px。
黃色飾葉(頂層)
- 新圖層「黃色」,矩形 70×55 px、填 #FFC235。
- 刪除錨點工具(-)刪右下角 → 成三角形。
- 效果 → 變形 → 拱形(垂直 30%) → 下弧形(垂直 -20%) → 擴展外觀。
- 左上錨點圓角 10 px。
路徑查找器精準裁切組合
- 新圖層「路徑」,鋼筆工具畫基準曲線。
- 橙葉複製到路徑圖層原位(Ctrl+F)→ 置底 → 與曲線「相交」。
- 黃葉置頂 → 與曲線「聯合」。
- 黃葉複製到橙葉圖層 → 與橙葉「減前」 → 得到完美咬合的雙層葉片。
外觀面板疊加光影:非破壞式質感
鍵盤增量設 1 px。對橙葉執行三組「複製→位移→減前→混合模式」:
| 組別 | 位移 | 填充 | 混合模式/不透明度 | 效果 |
| 1 | ↓1px →1px | 黑 | 柔光 25% | 銳利邊緣陰影 |
| 2 | ↓3px →5px | 黑 | 柔光 10% | 柔和投影過渡 |
| 3 | 旋轉 5° ↓5px →5px | 黑 | 柔光 5% | 立體轉折暗部 |
邊緣高光:偏移路徑 + 線性漸層
- 橙葉 -1 px 偏移 → 複製偏移件 → 位移 1 px → 兩者「減前」 → 線性漸層(不透明度 0%→70%)。
風車組裝與旋轉複製
- 葉片群組 → 旋轉工具 Alt 點中心 → 90° 複製(Ctrl+D 重複 3 次)。
- 中心加圓形蓋帽、立柱、地基,同樣外觀面板疊加光影。
背景質感:顆粒感漸層
- 大矩形填徑向漸層 → 效果 → 材質 → 顆粒(濃度 30%、對比度 50%、點狀)。
- 透明度面板疊加模式,豐富畫面層次。
關鍵技法回顧
- 動態效果疊加:變形效果可疊加、可編輯、可擴展,構建複雜曲線零負擔。
- 路徑查找器精準布林:相交/聯合/減前,實現多圖層完美咬合。
- 外觀面板非破壞光影:鍵盤增量 + 複製/位移/減前 + 混合模式,構建可無限調整的層疊陰影高光體系。
- 智能參考線 + 鍵盤增量:像素級對齊與微調的雙重保障。
這支風車教學的每一步,都是通往「專業矢量插畫師」的階梯。建議動手複現三遍:第一遍跟著做,第二遍嘗試不同配色與葉片數量,第三遍嘗試將葉片換成花瓣、羽毛、幾何碎片——你會發現,掌握的是方法論,而非單一成品。
copyright ©
萬盛學電腦網 all rights reserved