ゲームキャラクターに
スプライトシートアニメーター
キャラクターの絵が複数ありますか？順番に再生して動きを確認し、GIFとしてアニメーションを保存できます。
例：4つの歩行ポーズ → 歩行アニメーション
このツールを試す- 1. 追加キャラクターのフレーム、または1枚の画像グリッド
- 2. 調整順序と速度を選択
- 3. 保存動くプレビューまたはGIF
選択肢A · 個別の画像がある
選択できる上限： 100 ポーズごとに1枚のPNG、JPG、WebP画像。
選択肢B · 1枚の画像グリッドがある
同じサイズのポーズが1枚の画像内のグリッドに並んだものです。マスの数を指定してから、画像を選択してください。
動きを確認
上で画像を選んでください。その動きがここに表示されます。
GIFは最大256色で、透明度の境界はくっきりしています。時間は10 ms単位に丸められ、書き出しは各辺1024 px、全フレーム合計2000万ピクセルまでです。
使い方
1. 個別のフレーム、または均等なシートを選択
PNG、WebP、JPGのフレームをまとめて選択するか、シートをアップロードする前に行数と列数を入力します。セルは左から右、次に上から下の順に読み取られます。256 × 128のシートを4列・2行にすると、64 × 64のフレームが8枚できます。枠線や隙間は自動では差し引かれません。
2. 速度を調整する前に順序を確認
サムネイルをクリックしてポーズを確認します。下の矢印で、フレームを前や後へ移動できます。フレーム間で足とピボットを同じ場所に保ってください。切り抜きや位置合わせが異なる画像は、再生速度を変えても直りません。
3. ループをプレビューしてダウンロード
1秒8枚から始め、「再生」を押し、ループを有効にして最後から最初へのつながりを確認します。動きが正しく見えたらGIFをダウンロードしてください。ゲームエンジンや後の編集用にPNG原本を残します。GIFは共有用の形式であり、品質を維持する代替ではありません。
フレーム数、FPS、GIF画質は別々の判断
プレビューの各フレームは同じ表示時間です。8フレームを8 FPSで再生すると1秒、同じ画像を16 FPSで再生すると半秒です。FPSを増やすと既存の動きが速くなるだけで、細かくはなりません。足が急に戻る場合は、速度を上げずにフレーム順とループの境界を確認してください。
個別フレームには共通キャンバスを使います。GIF出力は最大のフレーム寸法を使い、小さい画像を中央配置します。中央配置は足や顔の意図したピボットを知りません。位置合わせが重要なら、アップロード前に余白を復元してください。
GIFの書き出しは、各フレームを最大256色に量子化し、部分的な透明度を透明または不透明なピクセルへ変えます。遅延は10 ms単位に丸めます。8 FPSは125 msを要求しますが、この書き出しツールは130 msを書き込みます。ダウンロードを開き直し、実際の時間と柔らかい端を判断してください。
| 設定または入力 | 意味 |
|---|---|
| 8 FPSのプレビュー | 8 × 125 ms = 1秒 |
| 8 FPSのGIF書き出し | 8 × 130 ms = 1.04秒 |
| 16 FPSのGIF書き出し | 8 × 60 ms = 0.48秒 |
ダウンロード前に確認
ポーズが切れている場合、通常はグリッドが間違っています
シートの幅は列数、高さは行数で割り切れる必要があります。余白、間隔、不規則な配置がある場合は、適当な行数を試すのではなく、先にフレームを分割してください。
プレビューと書き出しの上限は異なります
作業領域は最大100フレーム、入力画像は各辺8192 pxまで対応します。GIF出力は各辺1024 px、全フレーム合計2000万ピクセルが上限です。大きな連番画像は読み込めても、書き出し上限を超える場合があります。
質問
1つのフレームだけ表示時間を長くできますか？
直接はできません。1つのFPSを全体に適用します。大まかな長い表示には同じポーズを繰り返し、正確な遅延が必要ならフレームごとの時間を設定できるエディターを使ってください。
GIFがPNGプレビューと違うのはなぜですか？
GIFには限られたパレットしかなく、滑らかなアルファチャンネルはありません。薄い影が消え、グラデーションが帯状になる場合があります。ゲーム素材には、再エンコードしたGIFから抽出したものではなく、元のPNGフレームを使ってください。
矩形が不揃いなパック済みアトラスをアニメーションにできますか？
シートモードはメタデータのない規則的なグリッドを前提とします。Asepriteのトリミング済み出力は、先にAsepriteスプライトシート展開で復元し、キャンバス全体を含むPNGフレームをアップロードしてください。
拡大プレビューで、出力も拡大されますか？
いいえ。最近傍のプレビュー拡大は、小さなスプライトを平滑化せず確認するものです。書き出しは元フレームの寸法を保ち、大きなファイルには別の拡大ツールを使います。
画像素材のファイルはアップロードされますか？
いいえ。デコード、プレビュー、GIFエンコードはこのタブで動作します。再読み込みや閉じる前に必要なものをダウンロードしてください。保存済みプロジェクトではありません。
関連ツールとチュートリアル
スプライトシートからGIFを作る手順 — 4 × 2のシートを使い、ループ時間を計算し、出力GIFを確認します。
位置が跳ねるスプライトアニメーションを修正 — 切り抜き原点の誤り、意図した動き、ループ境界の不具合を区別します。
スプライトシートスライサー — 余白や不規則なフレーム境界があるシートを分割します。
Asepriteスプライトシート展開 — アニメーションのテスト前に、トリミングした位置を復元してください。