萬盛學電腦網

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

Illustrator 扁平風格教學:從零繪製復活節彩蛋與兔子圖標套裝

復活節的溫暖色系與童趣造型,是練習 Illustrator 扁平插畫、路徑布林運算、長投影技法的絕佳題材。本教學將完整拆解「彩蛋三部曲」與「兔子圖標」的繪製流程,涵蓋基本形狀變形、刨刀工具、剪切蒙版、混合工具、長投影製作等核心技能,適合初階進階至中階的設計師系統練功。

第一部分:三款風格迥異的復活節彩蛋

蛋一:波浪條紋蛋 —— 效果菜單與路徑分離

  1. 基本蛋型: 橢圓工具繪製 70×70 px 正圓,直接選取工具下拉側錨點、上推頂點,轉化為蛋形輪廓。
  2. 基底色與備份: 填充暖黃色,Ctrl+C → Ctrl+B 複製備份留待後用。
  3. 裝飾條紋: 矩形工具繪製 70×15 px 藍條,線段工具畫 3 pt 粉紅橫線,全選對齊面板「水平置中」。
  4. 鋸齒波浪: 選取粉紅線 → Effect → Distort & Transform → Zig Zag,Size 5 px、Ridges 7、Smooth Points,再執行 Object → Expand Appearance 展開。
  5. 底部綠飾修剪: 矩形綠色填充置底,使用 刨刀工具 刪除超出蛋形外緣的部分。
  6. 路徑分離上色: 全選蛋體展開,配合路徑查找器「分割」,將波浪區與蛋身分為兩獨立物件,分別填充粉紅與黃色。
  7. 圓點點綴: 5×5 px 圓形,Alt+Shift 複製排列於波浪帶邊緣。
  8. 長投影收尾: 群組蛋體 → 複製置前 → 路徑查找器「合併」成單一剪影 → 以 45° 矩形相交 → 保留下半部 → 填充深色、Multiply 模式、50% 不透明度。

基本蛋型繪製

裝飾條紋與對齊

鋸齒效果參數

展開外觀與刨刀修剪

路徑分離上色

圓點點綴排列

長投影製作步驟

第一顆彩蛋完成

蛋二:剪切蒙版蛋 —— 快速隱藏溢出區域

沿用第一步備份的蛋型,填充橘黃色。繪製裝飾元素後,Ctrl+C → Ctrl+F 複製蛋型置頂,全選 → 右鍵「建立剪切蒙版」,瞬間隱藏超出蛋形的裝飾,比刨刀工具更非破壞性、可隨時編輯。

剪切蒙版應用

蛋三:混合工具蛋 —— 自動生成漸變圓點陣列

在黃色條紋邊緣建立兩顆 5×5 px 圓,選取後執行 Object → Blend → Make,選項設「指定步數 3」,再 Object → Expand 展開,獲得均勻分佈的過渡圓點,極適合制作裝飾性珠邊或光效陣列。

混合工具生成圓點陣列

圓角矩形背景與長投影

三顆彩蛋最終成品

第二部分:可愛兔子圖標 —— 幾何構形與細節雕琢

頭部與耳朵:偏移路徑建立內耳結構

  1. 70×70 px 灰圓 → 直接選取工具微調錨點製造擠壓感。
  2. 橢圓工具 15×50 px 耳朵外輪廓,上推側錨點加寬耳尖。
  3. Object → Path → Offset Path,Offset -5 px,自動生成內耳形狀,填充粉紅色。
  4. 群組耳朵 → Rotate Tool 設 -20° → Reflect Tool 水平鏡像複製 → 與頭部對齊置中。

耳朵偏移路徑與旋轉鏡像

耳朵組合與頭部對齊

五官細節:剪刀工具分割鼻子、描邊變化造嘴

  • 橢圓工具繪製亮眼(黑瞳+白高光)與圓形鼻子。
  • 剪刀工具 點擊鼻子左右錨點,分割為上下兩半,刪除上半部。
  • 按 X 互換填色/描邊,設描邊 2 pt、寬度輪廓收尖,複製一組更細、更亮的描邊疊加,形成立體兔嘴。

剪刀工具分割鼻子

描邊變化製作兔嘴

鬍鬚與長投影:線段工具與統一陰影流程

  1. 線段工具畫 9 px、1 pt 垂直線,微旋後分置臉頰兩側。
  2. 群組全身 → 複製置前 → 路徑查找器合併 → 45° 矩形相交 → Multiply 半透明長投影。
  3. 圓角矩形工具繪製亮綠背景,線性漸變(亮綠→白)疊加投影,完成整組圖標。

鬍鬚繪製與位置調整

兔子圖標最終完成圖

關鍵技能總結與舉一反三

技能點對應步驟延伸應用
基本形狀變形蛋型、頭部、耳朵任何有機造型的幾何解構起手式
效果 → 展開鋸齒波浪線波浪邊框、手寫筆觸、裝飾性分隔線
刨刀工具 vs 剪切蒙版蛋一修剪 vs 蛋二蒙版破壞性編輯 vs 非破壞性編輯的選擇策略
路徑查找器分割/合併彩蛋分色、長投影剪影Logo 分色輸出、圖示布林運算
混合工具展開蛋三圓點陣列光暈漸層、幾何圖騰、數據視覺化點陣
偏移路徑內耳結構描邊擴展、多層邊框、圖示內縮細節
剪刀工具開路徑鼻子分割斷開閉合路徑、製作開口圖形、字體設計
長投影標準流程合併→相交→MultiplyMaterial Design、iOS 圖標、扁平插畫通用陰影

完成這組復活節圖標,您將串聯起 Illustrator 扁平插畫最核心的 8 大工作流。建議嘗試自行設計第四顆彩蛋(如斑馬紋、幾何拼貼、像素風),並將兔子延展為小雞、羊羔等動物家族,在實戰中內化肌肉記憶,為後續品牌吉祥物、UI 圖示、貼紙設計打下堅實基礎。

copyright © 萬盛學電腦網 all rights reserved