PixelTool
PixelTool

透明背景像素畫的乾淨製作流程

· 已更新 2026年7月28日 · PixelTool Team

從去背、轉換、邊緣檢查到匯出,製作透明背景像素畫並避免白邊、光暈與粗糙輪廓。

透明背景PNG製作流程
去背後的像素角色放在兩種背景上檢查邊緣

透明背景使像素畫更容易重複使用,但它們也暴露了每個薄弱的邊緣。在白色上看起來不錯的剪裁可以在黑暗的遊戲場景中顯示出蒼白的光暈。

最乾淨的工作流程在轉換前處理後臺,然後在匯出後檢查結果。

從清晰的分離開始

選擇主體與背景不共享顏色的來源。黑頭髮與黑牆的搭配是很困難的。中光中性背景下的黑暗主體要容易得多。

使用均勻的光線並避免強烈的投射陰影。陰影可能是照片的一部分,但當精靈位於不同的表面上時,陰影通常是不需要的。

在頭髮、觸角、手柄和腿等細小的部分周圍留出空間。重疊的形狀以後很難分開。

去掉右側舞臺的背景

如果您有一個好的背景移除工具,請在轉換為像素畫之前建立去背圖片。這可以防止背景顏色進入縮小的調色盤。

在高變焦下檢查切口:

  • 去除肢體或物體之間剩餘的孤島;
  • 檢查柔軟的毛髮邊緣;
  • 如果不需要的話,擦除原來的地面陰影;
  • 避免跨越多個像素的羽化邊緣。

對於硬邊像素作品,稍微堅硬的切口通常比柔軟的攝影遮罩更好。

轉換而不破壞輪廓

將準備好的圖片載入到PixelTool。逐漸增加像素大小。細小的特徵可能比主體更早消失。

如果重要的帶子、耳朵或手柄變得斷斷續續,請使用更細的塊尺寸。不要添加更多顏色來補償;這是一個幾何問題。

輪廓感覺穩定後減少調色盤。在拍攝主體的邊緣與其內部陰影之間保持足夠的對比。

注意霧面光環

當邊緣像素包含主體顏色和舊背景顏色的混合時,會出現光暈。在新的背景上,該混合物變得可見為邊緣。

測試匯出:

  • 純白色;
  • 純黑色;
  • 飽和的顏色;
  • 具有代表性的遊戲或網站背景。

如果邊緣隨著舊背景改變顏色,則返回切口並拉緊遮罩。透過平滑插值調整大小還可以重新引入半透明邊緣。

選擇匯出格式

使用 PNG 來實現遊戲精靈、頭像、貼紙和廣泛的兼容性。 PNG 支援每像素 alpha,是網路上最安全的透明點陣格式。

當像素區塊應在瀏覽器或向量工作流程中自由縮放時,請使用 SVG。確認目標接受 SVG 上傳。

JPEG 無法保留透明度。

儘可能保持陰影分開

對於遊戲和介面元素,請考慮匯出沒有地面陰影的主題。在引擎或佈局中添加可重複使用的陰影。它將更好地適應不同的表面和照明。

如果陰影是風格的一部分,請謹慎處理:緊湊、方向一致,而不是藉用原始照片。

最終匯出清單

  1. 輪廓以預期的顯示尺寸完成。
  2. 小間隙之間不會殘留舊有的背景顏色。
  3. 邊緣像素在淺色和深色表面上看起來都很乾淨。
  4. 圖片未透過平滑過濾調整大小。
  5. PNG 或 SVG 透明度在目標應用程式中保留。
  6. 在稍後調整大小之前儲存乾淨母版的副本。

透明度不僅僅是“沒有背景”。這是一個邊緣品質的決定。在上下文中測試這些邊緣,資產將在項目之間乾淨地移動。