# 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>