フレームとアニメーション

フレームの追加・複製・再生でスプライトアニメーションを作る。

キャンバスは、それぞれレイヤーを一式持つ「フレーム」の連続として構成され、まとめてアニメーションになります。

プロジェクトの構造。プロジェクトはフレームを持ち、各フレームはレイヤーのスタックを持つ。アニメーションタグは選んだフレームを再生用にまとめ、オニオンスキンは隣接フレームを現在のフレームに薄く重ねる。

フレームの追加

フレームパネルの + をタップすると、現在のフレームの後に新しい空のフレームが追加されます。写真からフレームを追加することもできます。詳しくは 写真からインポート をご覧ください。

選択・複製・削除

フレームのサムネイルをタップすると切り替わります。サムネイルを長押しするとフレーム操作メニューが開きます。

  • フレームを選択 — タップと同じ動作です。
  • フレームを複製 — 現在のフレームのすぐ後ろに、レイヤーを含めて複製を作成します。
  • フレームを削除 — フレームを削除します。フレームが 1 枚しか残っていない場合は使えません。

再生

フレーム一覧の下にあるアニメーションセクションには再生/一時停止ボタンと FPS (1 秒あたりのフレーム数) 入力欄があります。再生を押すと設定した速度で連続再生され、一時停止すると手動でのフレーム選択に戻ります。

オニオンスキン

オニオンスキンは、隣接するフレームをキャンバスに薄く重ねて表示し、ポーズ間の動きを合わせやすくする機能です。次の操作ができます。

  • オン・オフの切り替え。
  • ゴースト表示の 不透明度 の調整。
  • 現在のフレームの に表示するフレーム数の指定 (各方向とも最大 3 枚)。
  • カラーコーディング を有効にすると、前のフレームと後のフレームを異なる色味で表示し、「前」と「後」を見分けやすくします。

アニメーションタグ

アニメーションタグは、「Walk」「Attack」といった名前でフレームをまとめるグループです。長いキャンバスの一部分だけに絞って再生できます。

  • アニメーションタグ セクションの + をタップしてタグを作成します。
  • タグ名はいつでも変更できます。
  • フレーム操作メニューから、タグへのフレームの追加・削除ができます。
  • 再生 ピッカーで、すべてのフレーム か特定のタグのどちらを再生するかを選べます。

タグは位置ではなくフレームそのものを参照するため、フレームを追加・削除・並び替えしても正しく保たれます。

フレーム数の上限

無料版は 1 キャンバスあたり 8 フレームまでです。Pro にアップグレードするとこの上限がなくなります。