画像生成でキャラクターの2Dスプライトのモーション画像を作成する

ぐあもん

質問: 2Dキャラのモーション画像

ゲームに出てくるような2Dキャラクターで画像を切り替えて動きを表現するモーションを作成してみたいです。 とはいえ、モーション画像を作るのはちょっと無理そうなので、画像生成で作成できないか検討したいです。できますか?

画像生成を利用して2Dキャラクターのモーションスプライト画像を作る方法を試します。

手順

キャラクターデザイン

はじめに元キャラクターのデザインを作成します。今回はMidjourney のNiji7を利用します。
次のプロンプトで画像生成します。

作成された画像が下図です。


希望のイメージに近い画像からバリエーションを作成します。

今回のキャラクター画像は下図としました。

モーション画像の作成

続いてモーション画像を作成します。Google Geminiで画像生成モードを有効にして(Nanobanana利用) 先ほど生成したキャラクター画像を入力します。

プロンプトは次の通りとします。

画像生成を実行します。下図の結果になりました。


生成された画像は下図です。


生成された画像からスプライトの画像を作成します。今回は下図の4枚を作成しました。一部の画像には斬撃の効果を加筆しています。

画像生成を利用して2Dキャラクターのモーションのスプライト画像を作成できました。

著者

とりっち

iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。