先说结论

Extract UI Elements 用在一张具体的游戏场景截图上:调视觉模型,把 UI 抽出来拼进一张精灵位图。区域数量和边界要卡得很准时不太合适——结果是近似的,跟所选模型有关。

Extract UI Elements 对当前图片直接调模型做 UI 提取。不用写提示词,界面上点完就能跑。

步骤 1:从菜单选中这个功能

提取前先准备好场景或精灵截图。下面这张是本篇演示用的源图。

Extract UI Elements 之前的游戏场景精灵

选中目标图后,打开提取相关菜单,选提取 UI 元素。

工具栏提取菜单,高亮提取 UI 元素

步骤 2:设模型和参数

对话框里选模型和输出尺寸。可选 GPT Image 2、Nano Banana / Nano Banana 2、Nano Banana Pro。尺寸越大,抽出来的物件往往更多、花样也更多。

Extract UI Elements 对话框:模型和输出尺寸

步骤 3:看提取结果

生成后检查拼合结果。当前输出是一张不透明的位图图层;接到后面的步骤前,通常还要清一次。

抽出来的 UI 元素拼在一张不透明精灵位图上
GPT Image 2,输出尺寸 1K。

更合适的场景:从位图到精灵表

UI 更密的单张位图,比上面步骤 1–3 的演示更适合 Extract UI Elements。模型从一张源图抽出控件和面板,拼到一张精灵图上;丰富度和边界精度都高于步骤 3 那张演示结果。

用作 Extract UI Elements 源图的 UI 密集游戏位图
源图:一张 UI 很密的位图。
抽出来的 UI 元素铺在一张精灵表上
输出精灵表,GPT Image 2,输出尺寸 1K。