Sprite Flowのシーン素材抽出

一枚の画像からAIでゲーム素材をレイヤー化

シーンから建物、車両、キャラクター、小道具を抽出します。自動・クリック・範囲選択から選び、右側で背景透過の素材を一つずつ確認できます。

Logo

抽出前後のシーンを比較

家具などが配置された農家のシーンと、小道具を除去したマップの作例を比較する抽出実験です。

移動できる小道具を取り除いた農家のマップの作例
家具、ラグ、小道具が配置された元の農家のシーン
元画像小道具を除去したマップ

実際に抽出したPNG

上の小道具を除去したマップは、背景を整理する実験の結果です。下の画像は、この部屋から実際に抽出した前景の対象です。

選択した範囲

実際に抽出したPNG: 青いアームチェア

実際に抽出したPNG

仕切りをドラッグして、背景から小道具を除去する実験の結果を確認できます。下の作例は、前景の対象を別途抽出したものです。AIが細部を描き直す場合があるため、ゲームに使う前に結果を一つずつ確認してください。

2D制作で使うゲーム素材を抽出

手元のシーン画像をもとに、小道具、背景用の素材、試作用素材を取り出して再利用できます。

選択した範囲

実際に抽出したPNG: 森の木

実際に抽出したPNG

コンセプトアートからRPGの背景用素材を取り出す

背景のコンセプトアートには、ステージに使いたい木や岩が描かれていることがあります。対象を一つ選び、抽出したPNGを確認します。エディターで大きさとピボットを設定してから、背景の一部として配置してください。

選択した範囲

実際に抽出したPNG: 青いアームチェア

実際に抽出したPNG

スローライフゲームの部屋に置く小道具を取り出す

室内イラストに描かれた椅子、テーブル、キャビネットを独立した小道具にできます。物が重なる部分は念入りに確認してください。モデルが元のピクセルを復元するのではなく、隠れた輪郭を再構成する場合があります。

選択した範囲

実際に抽出したPNG: 村の家

実際に抽出したPNG

初期プロトタイプ用のマップ素材を取り出す

村の画像から建物を抽出し、マップの試作で配置を試せます。PNGを独立して動かせるようになりますが、当たり判定、タイルのサイズ、ゲームエンジン側の設定はプロジェクトに合わせて行う必要があります。

3ステップでシーンから素材を抽出

シーン画像、対象、解像度を選び、個別に分かれた背景透過の素材を確認します。

01

シーン画像をアップロードまたは選択

PNG、JPEG、WebPをアップロードするか、素材ライブラリからシーンを選んでください。対象がはっきり見えて、形を確認できるだけの細部が写っている画像から始めましょう。

元のシーン
02

選択方法と解像度を選ぶ

自動モードで再利用できる対象を見つけるか、対象をクリックするか、ドラッグして枠で囲みます。2Kは4クレジット、4Kは10クレジットで選べます。

選択した範囲
03

抽出結果を確認して再利用

素材をまとめた画像を生成し、透明な隙間をもとに個別のPNGへ自動で分割します。完成した素材はライブラリに保存されます。

実際に抽出したPNG: 村の家
実際に抽出したPNG

シーン内の対象を選んで背景透過の素材に

自動・クリック・範囲選択を使い、個別に分かれたPNGを確認できます。

自動クリックで選択

作例のプレビュー

主な対象を自動で選択

自動モードは、シーン全体から再利用できる建物、車両、キャラクター、植物、小道具を探します。より多くの細部を収められるよう、初期設定は4Kです。結果はシーンによって異なります。

自動クリックで選択

作例のプレビュー

クリックまたは枠で対象を選択

クリックでマーカーを最大32個配置するか、ドラッグで選択枠を最大32個描けます。元画像と印を付けた画像を使って対象を指定するため、説明の入力は不要です。実行前なら、どの選択も解除できます。

実際に抽出したPNG: 青いアームチェア
輪郭の細部PNGを全体表示

背景透過の素材を一つずつ確認

生成した素材画像を透明な隙間で個別のPNGに分割し、正方形のプレビューの中央に表示します。接している対象は一つにまとまる場合があります。再利用する前に輪郭や細部を見比べてください。

素材ライブラリのプレビュー
実際に抽出したPNG: 村の家PNG

村の家

実際に抽出したPNG: 青いアームチェアPNG

青いアームチェア

ライブラリのレイアウトで表示したサンプル素材です。

素材ライブラリから結果を開き直す

完了した抽出結果は素材として保存され、実行済みのタスクは履歴から開き直せます。元画像と結果を一緒に保管し、どの素材に手直しや再抽出が必要か検討できます。

既存のシーン画像を再利用するためのシンプルな手順

操作画面と作例を通じて、抽出結果をプロジェクトに使えるか判断しやすくなります。

手元の画像から始める

シーンを一枚アップロードするか、素材ライブラリから選んでください。シーン全体を新たに生成せずに、既存の画像に描かれた対象を選べます。

モードを選んで抽出

自動モードはシーン全体から再利用できる対象を探します。自分で指定する場合は、対象をクリックするか、選択枠で囲んでください。

実行前に必要クレジットを確認

1回の実行に、2Kは4クレジット、4Kは10クレジットが必要です。対象の選択と自動分割に追加料金はかかりません。実行前に合計が表示されます。

標準的な画像形式で出力

出力は背景透過PNGです。手直しとサイズ調整を行えば、Unity、Godotなどの2Dエディターで通常の画像と同じ手順で読み込めます。

同じワークスペースで作業を続ける

タスク履歴から実行済みの作業を開き直し、素材ライブラリで完了した結果を整理できます。別の小道具を抽出したくなったときは、元のシーン画像に戻れます。

手元のシーンからAIでゲーム素材をレイヤー化

使用許可のあるシーン画像を選び、自動選択を使うか、クリックまたは枠で対象を指定してください。抽出した背景透過の素材を確認してみましょう。

シーン素材抽出のよくある質問

対応形式、必要クレジット、出力の制限、抽出と生成の違いについて説明します。

Sprite Flowにシーン画像をアップロードします。自動・クリック・範囲選択から選び、出力解像度を2Kまたは4Kに設定してください。AIが抽出した対象を透明な隙間を空けて配置し、ツールが各領域をPNG素材に分割します。AIが輪郭や質感を変えることがあるため、結果を確認してください。