MacでGIFスプライトシートを作る方法

アニメーションGIFを4列のスプライトアトラスにし、保存前にGif Separateで準備済みの4×2シートを確認します。

5ステップ更新日：2026/11/12Gif Separate - Sprite Sheetsを入手

完成イメージ: 選択した8フレームが4列2行に並ぶ、1,024×512のスプライトアトラスが準備できます。
必要なもの: MacにGif Separate - Sprite Sheets 3.0がインストールされていること。
付属のサンプルGIF。このガイドでは全8フレームを表示するために使います。

スプライトシートは、ゲーム素材に使うアニメーションの各フレームを1つの格子にまとめます。Gif Separate - Sprite Sheetsで付属のロケットGIFを開き、Motion Packの出力経路を選んで、まだ何も保存せずに8フレームのアトラスを準備します。

1.サンプルGIFを開く
Gif Separateを起動し、Open Example（サンプルを開く）を選んで付属のロケットアニメーションを読み込みます。開始画面では、読み込み領域の下にこのボタンがあります。
読み込み領域の下にOpen ExampleボタンがあるGif Separateの開始画面。
2.全フレームを選択する
作業用フレームのサムネイルの上にあるAll（すべて）を選びます。フレーム列に8/8と表示され、ロケットの全8フレームが選択されていることを確認します。
ロケットGIFを開いたGif Separate。画面下部で8フレーム中8フレームが選択されています。
3.Motion Packに切り替える
右側のインスペクタでRoute（出力経路）を開き、Motion Pack（動きのパック）を選びます。Layoutセクションに、Columns（列数）を含む格子の設定が表示されます。
Routeの選択欄でMotion Packが選ばれ、右側のインスペクタにColumnsの設定が表示された状態。
4.アトラスを4列に設定する
LayoutでColumns（列数）を4に変更します。8フレームを選択しているので、アトラスは2行になります。
Columnsが4に設定され、全8フレームが選択されたMotion Packのレイアウト。
5.アトラスを準備して確認する
キャンバスの上でAtlas（アトラス表示）を選び、Prepare Output（出力を準備）を実行します。横4フレーム、2行の1,024×512スプライトシートを確認します。結果は確認できる状態ですが、ファイルはまだ保存されていません。
Atlas表示にある準備済みの1,024×512ロケットアトラス。横4フレーム、2行に並んでいます。