# AI 換皮膚

在 VberAI Studio 裡用 Restyle（換皮膚）重做介面的樣子。寫好主題之後，圖層關係和圖片尺寸保持原樣。同一套做法可以用於一批已經上線的遊戲，做節日換裝。

## 先說結論：4個步驟

**Restyle（換皮膚）** 用來給已經上線的遊戲做節日換裝。一個節日要換的，通常是一批已經做完的畫板。在 [VberAI Studio](https://vberai.com/studio) 裡選中畫板，開啟 **AI tools（AI 工具）**，點 **Restyle（換皮膚）**，寫下要換成的主題。各層的樣子會按這句話重畫。圖層的疊放關係和每張圖的尺寸都還在，換完的畫板對得上工程裡已經在用的那套結構。畫面上的字經常還是原來的顏色，標籤顏色後面要再統一一次。

## 步驟 1：選中要換的畫面

在 VberAI Studio 的畫布上，選中要換風格的那一屏。開啟 **AI tools（AI 工具）**，點 **Restyle（換皮膚）**。

![AI tools（AI 工具）選單裡，選中 Restyle（換皮膚）](/images/reskin/reskin_step1_trigger_icon_when_selection_.webp)

## 步驟 2：寫下要換成的主題

**Restyle（換皮膚）** 對話方塊裡寫一段描述，介面會按這段話重畫。點確認之前，對話方塊裡會先顯示這次的費用。

提示詞示例：

> Halloween-themed page atmosphere

![Restyle（換皮膚）對話方塊，提示詞寫在輸入框裡](/images/reskin/reskin_step2_input_your_prompt_.webp)

## 步驟 3：看換完的畫面

等這一次做完，再看畫板。環境、面板邊框和道具會換成主題裡的樣子。畫面上的字經常還是原來的顏色。這些字的顏色，後面要再統一一次。

![換成萬聖節風格之後的 Main Screen，面板上的字還是原來的顏色](/images/reskin/reskin_step3_check_output_.webp)

## 步驟 4：圖層關係和尺寸保持原樣

圖層的疊放關係沒變。每張圖的尺寸也沒變。

![換完風格的 Main Screen，圖層邊界和尺寸還對得上原來的結構](/images/reskin/reskin_step4_the_best_part_ilovewebp_macos.webp)

## 一批已經上線的遊戲，用同一次換皮膚

一屏做一次就夠。節日活動要覆蓋多款已經上線的遊戲時，同一句主題要在每一塊準備上線的畫板上再做一次。提示詞寫好之後，剩下的是把這些畫板排進處理順序。

一批畫面能不能看起來是同一次活動，看這三件事。

**提示詞用同一句。** 主題描述寫好一次，後面的畫板都用這句原文。相隔幾個月做出來的畫板，也用這一句。不要每換一屏就改寫一遍。

**原來的介面設定留著。** Restyle（換皮膚）換的是看起來的樣子。底下的圖層設定還在。這些設定還在，換完的畫板就可以放回工程裡。畫板一多，更要留著這套設定。

**一次提交多張。** 在畫布上一張一張點，做不完一個完整遊戲的介面。要處理很多張時，需要批次介面：一次提交多張，一次拿回結果。

排期看的是這次活動裡有多少塊畫板。一個遊戲四張節日介面，另一個遊戲四十張，要處理的量差得很多。

節日換裝排到一批已經上線的遊戲上，寫在[在多個線上遊戲上跑同一次節日換皮](/exp/one-click-game-theme-reskin/)。

## 演示影片

選中畫板之後做 Restyle（換皮膚）：寫下主題，看到圖層關係和尺寸還在。

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