GIFアニメ作成ツール

複数の画像をつなげて、パラパラ漫画のように動くGIFアニメを作るツールです。1コマの表示時間、大きさ、フェードでつなぐ効果、くり返し再生などを選べて、作る前にプレビューで動きを確認できます。

GIFの作成はすべてお使いのブラウザの中で行うため、画像がサーバーに送信されることはありません。操作手順の説明、商品の紹介、SNSに載せる動く画像づくりにお使いください。

GIFアニメを作る

1. 画像を選ぶ

使い方のポイント

• 各コマの下の欄に秒数を入れると、そのコマだけ表示時間を変えられます。最初や最後のコマを長めに見せたい時に便利です。
• 「フェードでつなぐ」を選ぶと、コマとコマの間に、なめらかに切り替わる途中のコマを自動で入れます。
• 「逆再生をつなげる」を選ぶと、最後まで進んだあと逆向きに戻る、行ったり来たりの動きになります。
• GIFは256色までの形式のため、写真のグラデーションなどは少し粗くなることがあります。ファイルが大きい時は、横幅を小さくするか、コマの数を減らしてください。
• GIFアニメの画像を入れた場合は、最初のコマだけを使います。

（コラム）ブログでGIFアニメを使う時のコツ

操作手順を説明する時は、スクリーンショットを数枚つなげたGIFにすると、文章だけより伝わりやすくなります。1コマの表示時間は1〜2秒くらいにして、最後のコマを少し長めにすると、見ている人が内容を追いやすくなります。

GIFはファイルが大きくなりやすいので、記事に載せるなら横幅600〜800pxくらいがおすすめです。重さが気になる時は、コマを減らしたり、色数の少ない画像を使ったりすると軽くなります。

あわせて使いたいツール

• スクリーンショット編集ツール（注釈・モザイク・装飾）：GIFにするスクショに、矢印や番号を書き込めます
• 画像編集ツール（リサイズ・トリミング・圧縮）：コマにする画像の大きさや比率をそろえられます
• 画像のコラージュ作成ツール：動かさずに、複数の画像を1枚に並べられます
• 画像の文字入れ・透かしツール：GIFにする前の画像に、サイト名などの透かしを入れられます
• 写真のデジタルデータ（位置情報・Exif・日付等）の確認＆削除ツール：写真の位置情報や撮影日時を確認して、画質を落とさずに消せます
• 画像の色の抽出＆提案＆グラデーション生成ツール：写真から色を取り出して、配色やグラデーションを作れます