萬盛學電腦網

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

AI 繪製精緻復古打火機:像素對齊、漸變光影與圖案紋理全流程

這是一個極佳的 Illustrator 進階實戰練習:從像素級網格對齊建模、複雜漸變與路徑查找器構建金屬質感,到自製圖案填充營造表面紋理,全程標註詳細快捷鍵,適合想系統提升 AI 寫實繪圖能力的設計師。譯者 @瑪皓雨Smartisan 實測無誤,放心跟做。

最終效果

文件與網格設定

  1. 新建 600×600 px、RGB、72 ppi,取消「使新建對象與像素網格對齊」。
  2. 開啟「視圖」→「顯示網格」+「對齊網格」。
  3. 「編輯」→「偏好設定」→「參考線與網格」:網格線間隔 5 px、次分隔 1 px。
  4. 「單位」設為像素。開啟「導航器」面板輔助觀察。

Step 1-2:機身主體與基礎漸變

  • 矩形工具畫 95×220 px 矩形,填充線性漸變(參考圖位置百分比)。
  • 複製在前,備用。

Step 3:側邊高光帶(復合路徑+路徑查找器)

  • 畫兩個 10×230 px 白色矩形置於兩側,轉為「復合路徑」(Ctrl+8)。
  • 與上一步複製體執行「交集」,得到左右兩側高光帶。
  • 取消編組,左側不透明度 25%/柔光;右側 10%/柔光。

Step 4-8:鍵盤增量 1px 微移 + 減去前層 = 邊緣細節

關閉「對齊網格」,鍵盤增量設 1px。對主體矩形反覆「複製兩次 → 移動上層 1/3/6px → 減去前層 → 設填色/不透明度/混合模式」,分別產生:

  • 頂部高光線(白/70%/柔光)
  • 底部陰影線(黑/柔光)
  • 右側三條細暗線(黑/3%)

這組「微移+布林運算」是 AI 繪製硬質邊緣高光陰影的核心技法。

Step 9:鏡像複製右側細節組

將 Step 4-8 產生的三組細節編組 → 「物件」→「變換」→「鏡像」→「垂直」→「複製」 → 拖至右側對應位置。

Step 10-12:1px 網格精製中縫高光/陰影

  • 網格改為 1px 間隔。畫 1×218 px 黑/白細長矩形並排,分別設漸變、柔光、不透明度。
  • 編組後鏡像複製至右側。

Step 13-14:外觀面板添加紋理與色彩疊加

  • 選主體 → 外觀面板「新增填充」 → 開啟色板庫「基本圖形_紋理」→ 選「USGS 19 洪水」→ 模式「疊加」 → 「物件」→「變換」→「旋轉」90°(只變換圖案)。
  • 再新增填充:R=131 G=69 B=28、50% 不透明度、混合模式「顏色加深」,統一色溫。

Step 15:底部圓角與腳本圓角化

  • 網格恢復 5px。畫 95×15 px 底部矩形、線性漸變。
  • 需用 Round Any Corner 腳本:直接選擇工具選中底部兩錨點 → 「檔案」→「腳本」→「其他腳本」→ 載入腳本 → 輸入 5px 圓角半徑。

後續步驟(蓋子、轉輪、火焰等)同理運用:幾何構建 → 微移布林運算邊緣 → 漸變光影 → 外觀面板疊加紋理/色彩。完整步驟請參考源文件或原教程連結。

copyright © 萬盛學電腦網 all rights reserved