萬盛學電腦網

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

Illustrator 繪製電影場記板矢量圖標完整教學

最終效果

場記板圖標完成效果

圖標細節

22 步驟完整製作流程

  1. 新建文檔,矩形工具 (M) 繪 190×150px 矩形。
  2. 偏移路徑:物件→路徑→偏移路徑,偏移 16px 得外框。
    偏移路徑
  3. 圓角處理:兩矩形全選,濾鏡→風格化→圓角,半徑 8px。
    圓角設定
  4. 外框漸變:大矩形線性漸變,50% 黑 → 80% 黑。
    外框漸變
  5. 內框與橢圓布林運算:複製小矩形置前 (Ctrl+C/F),繪 385×230px 橢圓垂直置中於矩形上半部。選小矩形與橢圓,路徑查找器「前減後」→「展開」。
    橢圓位置
    前減後運算
  6. 內框漸變:原小矩形填線性漸變,淺青綠 → 深青綠,漸變工具 (G) 從頂部向中間拖 (或角度 -90°)。
    內框漸變
  7. 剪切形狀漸變:步驟 5 得形狀填線性漸變,青綠 → 更深青綠,深色在上。
    剪切形狀漸變
  8. 雙框邊緣高光:兩矩形偏移 2px,填線性漸變 75% 黑 → 90% 黑,漸變工具調淺色在右側。
    邊緣高光
  9. 場記板上部條紋板:矩形工具繪 240×28px 長方形。
    條紋板基礎
  10. 條紋板漸變:三色線性漸變:20% 黑 → 白 (位置 8%) → 20% 黑,垂直方向。
    條紋板漸變
  11. 條紋板斜紋製作:繪 16×64px 矩形,選取工具 (V) 旋轉 45° (按 Shift 限制角度) 置於條紋板左側。
    斜紋單元
  12. 複製斜紋單元:按 Shift+Alt 拖曳複製至右側。
    複製斜紋
  13. 混合生成間隔斜紋:選兩斜紋,物件→混合→建立 (Ctrl+Alt+B)。預設 3 步,否則混合選項設指定步數 3。物件→展開。
    混合斜紋
  14. 裁剪斜紋至條紋板範圍:複製條紋板置前 (Ctrl+C/F),選混合斜紋與複製板,路徑查找器「相交」→「展開」。
    裁剪斜紋
  15. 斜紋四色漸變:100% 黑 → 75% 黑 (13%) → 85% 黑 (47%) → 63% 黑,垂直方向深色在上。
    斜紋四色漸變
  16. 複製翻轉組合:選斜紋與條紋板,Alt 拖曳複製,變換面板「水平翻轉」,旋轉 10°,微調位置,群組 (Ctrl+G)。
    翻轉組合
  17. 三角形標誌製作:星形工具,半徑 1:30px、半徑 2:15px、角點 3,旋轉 90°。
    三角形基礎
  18. 三角形圓角與尺寸:濾鏡→風格化→圓角 8px。變換面板設寬 36px、高 41px。
    三角形圓角尺寸
  19. 三角形高光:複製三角形置前,繪 60×52px 橢圓置於三角形上半部,兩者「相交」得高光區。
    高光區提取
  20. 三角形與高光漸變:高光:淺灰藍 → 灰藍,淺色在上。三角形:灰藍 → 深灰藍,深色在上。
    三角形漸變
  21. ... (後續步驟原文截斷,包含文字添加、最終組合等) ...

教程展示了路徑查找器布林運算、混合工具等間距複製、多層漸變模擬材質、變換面板精確翻轉旋轉等圖標設計核心技法,流程嚴謹適合作為 UI 圖標設計標準作業參考。

copyright © 萬盛學電腦網 all rights reserved