萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

教你用 AI 創建精致玲瓏的多彩風車:從網格到混合模式的完整實戰

這款「精致玲瓏的多彩風車」不僅顏值極高,更是 Illustrator 進階技法的綜合練兵場:動態網格對齊、變形效果疊加、路徑查找器布林運算、外觀面板多重填充混合模式、鍵盤增量微調陰影。跟著教學走一遍,你將掌握「結構精準、光影豐富、風格統一」的矢量插畫核心功力。

成品預覽

文件與網格設定

  • 600×750 px、RGB、72 ppi、取消「對齊像素網格」。
  • 網格 5 px、細分 1,Ctrl+U 智能參考線開啟。
  • 資訊面板、單位設為像素——像素級精準的基石。

風葉主體構建:兩層幾何疊加

橙色主葉片(底層)

  1. 矩形 135×55 px、填 #FF9B00、無描邊。
  2. 直接選取右上錨點 ← 移 55 px → 控制面板圓角 24 px(或腳本 Round Any Corner)。
  3. 左側錨點圓角 30 px。
  4. 效果 → 變形 → 下弧形(垂直彎曲 -20%) → 擴展外觀。
  5. 再一次「下弧形」(垂直彎曲 -15%) → 擴展外觀 → 右下錨點圓角 3 px。

黃色飾葉(頂層)

  1. 新圖層「黃色」,矩形 70×55 px、填 #FFC235。
  2. 刪除錨點工具(-)刪右下角 → 成三角形。
  3. 效果 → 變形 → 拱形(垂直 30%) → 下弧形(垂直 -20%) → 擴展外觀。
  4. 左上錨點圓角 10 px。

路徑查找器精準裁切組合

  • 新圖層「路徑」,鋼筆工具畫基準曲線。
  • 橙葉複製到路徑圖層原位(Ctrl+F)→ 置底 → 與曲線「相交」。
  • 黃葉置頂 → 與曲線「聯合」。
  • 黃葉複製到橙葉圖層 → 與橙葉「減前」 → 得到完美咬合的雙層葉片。

外觀面板疊加光影:非破壞式質感

鍵盤增量設 1 px。對橙葉執行三組「複製→位移→減前→混合模式」:

邊緣高光:偏移路徑 + 線性漸層

  • 橙葉 -1 px 偏移 → 複製偏移件 → 位移 1 px → 兩者「減前」 → 線性漸層(不透明度 0%→70%)。

風車組裝與旋轉複製

  • 葉片群組 → 旋轉工具 Alt 點中心 → 90° 複製(Ctrl+D 重複 3 次)。
  • 中心加圓形蓋帽、立柱、地基,同樣外觀面板疊加光影。

背景質感:顆粒感漸層

  • 大矩形填徑向漸層 → 效果 → 材質 → 顆粒(濃度 30%、對比度 50%、點狀)。
  • 透明度面板疊加模式,豐富畫面層次。

關鍵技法回顧

  1. 動態效果疊加:變形效果可疊加、可編輯、可擴展,構建複雜曲線零負擔。
  2. 路徑查找器精準布林:相交/聯合/減前,實現多圖層完美咬合。
  3. 外觀面板非破壞光影:鍵盤增量 + 複製/位移/減前 + 混合模式,構建可無限調整的層疊陰影高光體系。
  4. 智能參考線 + 鍵盤增量:像素級對齊與微調的雙重保障。

這支風車教學的每一步,都是通往「專業矢量插畫師」的階梯。建議動手複現三遍:第一遍跟著做,第二遍嘗試不同配色與葉片數量,第三遍嘗試將葉片換成花瓣、羽毛、幾何碎片——你會發現,掌握的是方法論,而非單一成品。

copyright © 萬盛學電腦網 all rights reserved
組別位移填充混合模式/不透明度效果
1↓1px →1px黑柔光 25%銳利邊緣陰影
2↓3px →5px黑柔光 10%柔和投影過渡
3旋轉 5° ↓5px →5px黑柔光 5%立體轉折暗部