# AI 去背景

一鍵去背景，面向遊戲 UI 場景最佳化；介面元素保留度高。相對 Pixian.ai、Remove.bg 等照片向摳圖，這條路徑按介面元素定製。

## 先說結論：3個步驟

**AI Background Removal** 用在完整的遊戲 UI / 場景板上：要清掉環境襯底，同時儘量留下 HUD、按鈕、文字條和其它介面層。介面元素的保留是這條路徑的重點——按遊戲介面幀定製；[Pixian.ai](https://pixian.ai/)、[Remove.bg](https://www.remove.bg/) 一類偏照片的去背，HUD 塊經常被削邊或整塊拿掉。

開啟 **AI tools（AI 工具）**，展開 **Remove Background（去除背景）**，選 **Remove background**，跑一遍，再核對場景環境是否已去掉、UI 是否還能進引擎或繼續做精靈。光暈、半透明邊要精細摳、又不走重繪時，見 [AI 超精細摳圖](/docs/sprite/super-ai-matting/)。

## 步驟 1：從一張遊戲 UI 場景板開始

用環境美術和 HUD、控制元件疊在同一幀上的點陣圖——狀態列、任務卡、技能欄、虛擬搖桿都還在。

![AI Background Removal 之前的遊戲 UI 場景](/images/ai_background_removal/base_image_.webp)

## 步驟 2：選 Remove background

選中圖片後，開啟 **AI tools（AI 工具）**，展開 **Remove Background（去除背景）**，選 **Remove background**。

![AI tools（AI 工具）選單裡，Remove Background（去除背景）展開，選中 Remove background](/images/ai_background_removal/step1_AI_bg_removal_.webp)

## 步驟 3：檢查介面元素是否還在

結果去掉繪製的環境，角色、路牌、寶箱和周圍 HUD 留著。匯出前過一眼面板和圖示邊緣。

<figure>
  <img src="/images/ai_background_removal/step2_ai_output_.webp" alt="AI Background Removal 之後：場景背景去掉，UI 元素保留">
  <figcaption>環境已去掉；HUD 和可互動 UI 還在板上。</figcaption>
</figure>

<figure class="video-embed">
  <div class="video-embed-frame">
    <iframe
      src="https://www.youtube-nocookie.com/embed/ragNu25J7qk"
      title="VberAI Studio AI Background Removal 演示"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen
    ></iframe>
  </div>
</figure>