スプライトシートをGIFに
スプライトのGIFを作って、投稿、プレビュー、ストアページに。ピクセルはくっきりのまま。
無料、登録不要。ブラウザーで動作し、ファイルがコンピューターの外に出ることはありません。ページを読み込んだ後はオフラインでも使えます。
使い方
- スプライトシート(PNG)をボックスにドロップします。
- フレームの幅と高さ、または列数と行数を設定します。
- フレーム時間、スケール(2×、4×…)、再生する行を選びます。
- GIFをダウンロードするか、フルカラーと滑らかな透明度が必要ならAPNGをダウンロードします。
GIFとAPNG、どちらにする?
GIFはどこでも使えますが、色は最大256色で、透明はオンかオフのどちらかです。ピクセルアートにそれ以上が必要になることはまれなので、普通はGIFで十分です。APNG(アニメーションPNG)はすべての色と柔らかい透明を保ちます。ブラウザー、Discord、ほとんどのサイトで表示できますが、一部の古いアプリでは最初のフレームしか表示されません。
スケールが重要な理由
ピクセルアートは整数倍(2×、3×、4×)でだけ拡大すべきです。それ以外では、一部のピクセルがほかより太くなります。サイトは小さな画像を拡大するときにぼかしてしまうので、GIFはあらかじめ拡大してから投稿しましょう。
フレームサイズ
フレームサイズは、シートの1マスの大きさです。ツールは正方形のマスとして推測するので、シートのマスが横長や縦長なら変更してください。シートの各行は1つのアニメーションであることが多いので、行を選べば1つのアニメーションだけのGIFを作れます。
3Dモデルからスプライトを作っていますか? Pixorはモデルを全方向から1フレームずつピクセルアートのシートにレンダリングし、GIF、Asepriteファイル、ゲームエンジン用のフォーマットも自分で書き出します。しくみ。
Pixorを無料で試すその他の無料ツール
- GLB・glTFビューアー:3Dモデルを開いて周囲を回り、アニメーションを再生して、問題点を確認できます。
- GIFをスプライトシートに:アニメーションGIFを、フレーム時間付きのスプライトシートに分割します。
- スプライトシートスライサー:シートをグリッドで、またはスプライト間の隙間でフレームに切り分けます。
- ピクセルアート拡大ツール:ピクセルアートをぼかさずに2×から16×に拡大します。投稿やストアページに。
- パレットに減色:すべてのピクセルをパレットに割り当てます。Lospecのパレット、.gpl、自作のパレットが使えます。
- スプライトシートメーカー:フレームを1枚のシートにまとめ、ゲームエンジンが読めるJSONも作ります。