# AI リスキン VberAI Studio で画面の見た目を Restyle で再生成します。テーマを書き、レイヤー関係と画像サイズを一対一に保ち、同じ工程を運営中の複数タイトルの季節イベントにも回します。 ## 要約: 4ステップ **Restyle（リスキン）** は、運営中のタイトルを季節イベントに通すチーム向きです。1 つのイベントで対象になるのは 1 画面ではなく、作り終えたボードのひとまとまりです。[VberAI Studio](https://vberai.com/studio) でアートボードを選び、**AI tools** を開いて **Restyle** を選び、目標のテーマを書きます。そのプロンプトから、各レイヤーの見た目が再生成されます。レイヤーの関係と画像サイズは一対一で対応したままなので、スタイルを変えたボードも、プロジェクトが取り込んでいる構造にそのまま合います。文字色は元のまま残ることが多いです。ラベル色を揃える工程を、あとで予定してください。 ## ステップ 1: 選んだボードで Restyle を開く VberAI Studio のキャンバスで、スタイルを変えたい画面を選びます。**AI tools** を開き、**Restyle（リスキン）** を選びます。 ![AI tools のメニューで 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: 結果を確認する 実行が終わるまで待ち、ボードを確認します。環境、パネルの装飾、小物はテーマに従います。画面上の文字は元の色のまま残ることが多いので、ラベルはあとで色を揃えることがあります。 ![Restyle のあと。ハロウィン風の Main Screen。パネル上のラベルは元の色のまま](/images/reskin/reskin_step3_check_output_.webp) ## ステップ 4: レイヤー関係とサイズ レイヤーの関係と画像サイズは、一対一で対応したままです。 ![リスキン後の Main Screen。レイヤー境界とサイズは元の構造に揃っている](/images/reskin/reskin_step4_the_best_part_ilovewebp_macos.webp) ## 同じ工程をひとまとまりに回す 1 画面なら 1 回の実行です。運営中の複数タイトルをまとめて季節イベントに通す場合は、同じ実行を、公開するボードの数だけ繰り返すことになります。作業の重心は、プロンプトを書くことから、その周りの段取りへ移ります。 ひとまとまりが揃うかどうかは、次の 3 点で決まります。 - **プロンプトの一貫性。** 同じテーマ説明が、数か月違いで作られたボードにも同じように効く必要があります。テーマは一度書いたら、画面ごとに言い換えず、同じ文面を使い回してください。 - **元の環境パラメータ。** Restyle が置き換えるのは見た目で、その下にある構造化された設定は保持されます。スタイルを変えたボードをプロジェクトへ戻せるのはこの設定があるからで、まとまりが大きいほど効いてきます。 - **バッチでの送信。** キャンバス上で 1 画面ずつ進める方法は、1 タイトルを覆いきる前に限界が来ます。量をこなす作業には、バッチの API リクエストとレスポンスが要ります。 見積もりはタイトル数ではなく、そのイベントで対象になるボードの総数で立ててください。季節向けの画面が 4 枚のタイトルと 40 枚のタイトルとでは、かかるものが変わります。 この作業が最後に段取りへ寄る理由: [運営中の複数タイトルに同じ季節リスキンをかける](/exp/one-click-game-theme-reskin/)。 ## 手順動画 選んだボードでの Restyle です。プロンプトから、一対一のレイヤー結果までです。