キャラクタースプライト
プレイヤー、敵、NPCなどを作成。ゲーム内の視点と表示サイズを指定します。
使い方
2Dプラットフォームゲームの主人公が必要ですか? 横向きのドット絵キャラクターについて、見分けやすい衣装、配色、シルエットを指定しましょう。アニメーションの各フレームで一貫性を保てる、明確なデザインから始めます。
キャラクターを動かしましょう。交互に踏み出す足、自然な腕の振り、変わらない横向きの視点を指定して、走る動作を説明します。すべてのポーズで髪型、服装、アクセサリー、体の比率を統一します。
スプライトシートで走行ポーズを確認し、つなげた動きをプレビューします。ゲームで使う前に、フレームの位置、キャラクターの一貫性、動きのつながりを確認しましょう。
作りたい内容を選ぶ
2Dプラットフォーマーを構築していますか? メインキャラクターの6フレームの走行アニメーションを作成し、個々のポーズが連続した走行サイクルを形成する方法を確認します。
サイドスクロールプラットフォーマー用の魅力的な16ビットピクセルアートアドベンチャーヒーローの6フレームの走行アニメーションを作成します。 キャラクターは、無造作な茶髪、ブロンズ色のゴーグル、オレンジ色のスカーフ、青緑色のアドベンチャージャケット、小さな茶色の革の肩掛けかばん、濃い色のズボン、茶色のブーツをしています。 すべての6フレームで同じキャラクターを右向きに表示します。 交互に走るストライド、自然な腕のスイング、短い空中段階、一貫した地面接触を含めます。 シーケンス全体でキャラクターの顔、ゴーグル、スカーフ、衣装、比率、ピクセルスケール、カラーパレットを一貫して維持します。 再生順に6つのポーズを配置し、等しいフレーム寸法と透明な背景を使用します。 走行アニメーションをスムーズに繰り返しループするのに適したものにします。
SEELEを選ぶ理由
プレイヤー、敵、NPCなどを作成。ゲーム内の視点と表示サイズを指定します。
同じキャラクター資料から待機、歩行、走行を作成。動きを増やす前にループを確認します。
配色と視点をそろえ、アイテム、障害物、背景の小物を作ります。
手順
キャラクターのアイデアからスプライトシートを作り、アニメーションの各フレームを調整して、2Dゲームで使えるように仕上げます。
seeleAgent のワークスペースを開き、キャラクターの外見、ドット絵のスタイル、視点、動きを指定します。たとえば、青緑のジャケットとオレンジのマフラーを身につけた森の配達員を横から描き、4フレームの走行アニメーションを作るように指示します。
各動作のフレーム数と繰り返しの有無を指定します。配達員の走行なら、透明な64 × 64 pxのマスを一列に6つ並べ、接地ラインをそろえます。
ゲーム内のサイズで再生し、足の接地や最後から最初へのつなぎ目を確認します。問題のあるフレームだけ調整します。
PNGの透明度とマスの大きさを確認し、UnityやGodotで切り出します。基準点とフレームの表示時間を設定し、シーン上で試します。
制作例
輪郭から配色を決め、6つのポーズが走行ループになる過程を見られます。
比較
必要なものがゲームのフレーム、編集用画像、短い動画のどれかを先に決めます。
| 項目 | SEELE AI | PixelLab | OpenArt | Midjourney |
|---|---|---|---|---|
| 始め方 | まずはキャラクターの特徴をプロンプトで指定し、利用可能なクレジットでワークスペースのスプライトを調整します。 | 無料トライアルあり。 | 登録時に試用クレジット。 | サブスクリプション。 |
| キャラクターデザイン | キャラクターを指定し、ワークスペースで基準ポーズを調整。 | ドット絵を生成し、キャラクター資料の向きを変更。 | 複数の画像モデルから選んでキャラクターを生成。 | 画像プロンプトでキャラクター案を検討。 |
| 動きの出力 | 必要な動きとフレームの配置を指定し、生成されたポーズをワークスペースで確認して調整します。 | 参照スプライトからドット絵のアニメーションフレームを生成。 | 静止画を画像から動画に変換。 | 画像をアニメーションにし、MP4でダウンロード。 |
| 透明画像 | 取り込む前に素材の背景を確認。 | 背景を削除して透明なPNGを書き出し。 | 背景削除ツールで透明なPNGとして保存。 | エディターで不要部分を消し、透明なPNGとして保存。 |
よくある質問
複数の画像を1枚にまとめたものです。マスを順番に表示してキャラクターを動かしたり、アイテムやエフェクトを個別に取り出したりできます。
視点、シルエット、配色、フレームサイズ、動作を指定します。アニメーションでは主要なポーズと接地位置も指定してください。
基準ポーズを使い、同じ比率、配色、サイズを指定します。フレームを並べ、輪郭や接地ラインにずれがないか確認します。
はい。ドット絵、目標サイズ、配色を指定し、実際の表示サイズで輪郭とコントラストを確認します。
はい。ボタンが光る演出なら、点灯から消えるまでを32 pxの透明な4フレームで作り、実際のボタンの背景で確認します。
どちらもシートをフレームに分割できます。取り込む前に形式、透明度、マスの間隔、順番を確認してください。
このページからseeleAgentのワークスペースにプロンプトを送ります。最初のポーズを確認し、追加フレームや修正を依頼できます。
配達員のプロンプトを試すか、作りたいキャラクターを入力してください。
スプライトのプロンプトを書く