跳至主要內容
AI Sprite Maker

描邊產生器

像素級精準的描邊,可選尖角(4 連通)或填滿轉角(8 連通),在圖集上逐格處理,不會滲到相鄰影格。

  • 免費
  • 本機執行
  • 免註冊
結果

載入一張圖片開始。

所有處理都在你的瀏覽器中完成。檔案絕不會上傳,頁面載入後即使離線也能使用。

描邊產生器使用教學

  1. 拖放一張精靈圖或圖集。
  2. 選擇顏色。「使用最深色」會抓取精靈圖中已有的最深顏色。
  3. 設定粗細,並選擇外描邊、內描邊或兩者。
  4. 切換轉角:關閉是斜角留空的經典像素畫描邊,開啟則會填滿轉角。
  5. 處理圖集時保持「逐格描邊」開啟,檢查網格後下載。

你會得到什麼

  • 含描邊的 PNG,畫布已擴大,不會被裁掉
  • 每一格都已描邊、並擴大相同尺寸的圖集

來自實際做遊戲的技巧

  • 大多數手繪像素畫的 1px 描邊都不含斜向轉角。2px 以上的描邊或粗獷的 UI 圖示再開啟轉角。
  • 在各種背景上,深色調的描邊(深紫或深藍)通常比純黑好看。
  • 用精靈圖本身顏色的較深色調做內描邊,能在不改變尺寸的情況下快速加強輪廓。
  • 替圖集描邊時,每一格四周都會擴大一個描邊粗細。記得在引擎中同步更新影格尺寸。

使用情境

  • 讓精靈圖在雜亂背景上依然清楚
  • 替道具與單位加上選取或滑鼠移入描邊
  • 以一致的風格替 AI 生成的精靈圖描邊
  • 製作含描邊的 UI 圖示

常見問題

轉角選項是做什麼的?
關閉時只使用上下左右的相鄰像素,斜向轉角會留空,就是常見的手繪像素畫風格。開啟後也會使用斜向相鄰像素,把轉角填滿,描邊更圓、更粗。
為什麼我的圖片變大了?
外描邊需要精靈圖外側的空間,所以畫布四周都會擴大一個描邊粗細。內描邊則維持原尺寸。
描邊會在圖集的影格之間滲色嗎?
開啟「逐格描邊」就不會。每一格都會單獨切出、描邊,再留出額外空間放回去,影格之間永遠不會相碰。
能做「已選取」的高亮效果嗎?
可以。用黃色或白色這類亮色做外描邊,存成獨立的圖片,在執行階段畫在精靈圖下方或上方即可。
能處理半透明像素嗎?
任何 Alpha 大於零的像素都算是精靈圖的一部分。如果描邊凹凸不平,先用像素畫銳利化工具清理柔和邊緣。
所有免費工具 →