Webブラウザで Gifアニメーションを作るツールを作りました

Chrome などの Webブラウザで、パラパラ漫画のように画像を再生して Gif アニメーションを作るツールをリリースしました。

このページでは、ツールの簡単な使い方を説明します。

スポンサーリンク

画像の入力

まずは、アニメーションさせる画像ファイルを登録していきます。

INPUTエリアのフレームリスト（下記イメージの赤枠の部分）に画像ファイルをドラッグするか、「+」ボタンで画像ファイルを追加します。

Gif アニメーションは、登録した画像の順（フレームリストの左から右）に基本はアニメーションします。順序を入れ替えたい場合は、「<<」「<」や「>」「>>」のボタンを使って画像ファイルの順序を入れかます。

アニメーションの設定

画像ファイルの登録を行ったら、Gif 画像のサイズやアニメーション速度などの設定をして、プレビューで内容を確認します。

アニメーションの設定は、OUTPUTエリア右側で行います。

設定項目は次のとおり。

Gifアニメーションのダウンロード

設定と、プレビューでの確認が終わったら「ダウンロード」ボタンを押して Gifアニメーションのファイルをダウンロードします。

スポンサーリンク

完

あとは、ダウンロードした Gif ファイルを使って遊びましょう！