← チュートリアル一覧に戻る

オンラインでピクセルアートをアニメーション化する方法

エンジンにインポートする手間を省き、Easy2DTools スプライトアニメーターで軽量なブラウザ内アニメーションプレビューアーを提供します。

このチュートリアルでは、フレームのアップロードからGIFエクスポートまでを説明します。

フレームのインポート

アニメーターにフレームを取り込む2つの主な方法:

  1. スプリッターから: 直接アニメーターに送信できます。
  2. 手動アップロード: 複数のPNGファイルを選択して追加します。

タイムラインの管理

フレームは下部のタイムラインストリップに表示されます。

  • 並べ替え: クリック&ドラッグで順序を変更できます。
  • 削除: 'x'アイコンでシーケンスから削除します。
  • 複製: 特定のフレームを複製して長く表示できます。

再生のプレビューと調整

コントロールを使用してアニメーションを微調整します:

  • 再生/一時停止: アニメーションを停止して特定のフレームを検査します。
  • FPSコントロール: スピードを調整します。
  • 背景色: スプライトの輪郭を確認するために変更できます。

高度な機能:オニオンスキン

オニオンスキンは、前後のフレームを半透明で重ねて表示する技術です。

使用方法:

  1. 「オニオンスキン」スイッチを切り替えます。
  2. キャラクターの動きのボリューム、弧、間隔を確認できます。
  3. 動きのギャップを特定して修正するのに役立ちます。

GIFとしてエクスポート

プレビューに満足したら、エクスポートして共有できます。

  • 「GIFエクスポート」ボタンをクリックします。
  • ブラウザ内でコンパイルが行われます。
  • 完了後、PCに保存されます。

これで完成です!安全でプライベートなゲーム開発ツールを活用してください。