GIF作成：写真や動画からアニメーションGIFを作る

旅行の写真、いろいろな角度から撮った商品写真、レシピの手順、コマ撮り用のイラストなど、どんな画像の組み合わせでもGIFになります。まとめて追加しても、少しずつ追加しても大丈夫です。新しい写真はリストの最後に入り、追加中に何かが消えることはありません。

写真の縦横比はたいていバラバラなので、GIFには枠が必要です。「最初のフレームに合わせる」は最初の写真の形を使います。正方形・横長・縦長はチャット、スライド、ストーリー向きです。「画像全体を表示」では各写真が白・黒・透明の背景の上に収まり、「枠いっぱいに表示」では端を切り取って余白をなくします。先に写真をまっすぐにしたり構図を整えたりしたい場合は、トリミングしてから追加してください。

写真のスライドショーGIFなら、1枚あたり0.5〜1.5秒あると、ゆっくり見てもらえます。特定の写真を長く見せたいときは、そのフレームを選んで表示時間を延ばすか、複製してください。「my beloved」ミームなら、ハートロケットGIF作成で写真1枚からアニメーション全体を作れます。

MP4、MOV、WEBMのファイルを追加すると、動画がプレーヤーで開きます。使いたい場面に移動して「ここから開始」「ここで終了」を押し、1秒あたり何フレーム取り出すかを選びます。ほとんどのクリップは毎秒10フレームでなめらかに見え、ファイルも扱いやすいサイズに収まります。速い動きには15〜25フレームが向いていますが、そのぶんファイルは大きくなります。

動画から作るGIFは短めにしましょう。毎秒10フレームで3秒なら30フレームで、リアクションや商品デモには十分です。GIFは各フレームを動画ではなく画像として保存するため、1秒増えるごとに最初の1秒と同じだけ重くなります。

フレームはブラウザが取り出すので、ブラウザで再生できる動画ならどれでも使えます。動画が開けない場合は、多くがHEVCのようにこのブラウザでデコードできない形式です。H.264のMP4として書き出せば解決します。

GIFの各フレームには、100分の1秒単位で保存された固有の表示時間（ディレイ）があります。100msなら毎秒10フレーム、40msなら毎秒25フレームです。ブラウザは20ms未満のディレイをエラーとみなし、約100msまで遅くしてしまうため、このツールは20ms未満の値を書き込みません。速く見せたいGIFは、ちゃんと速く再生されます。

GIFや動画から取り込んだフレームは、元の表示時間を保ちます。写真は設定した「1フレームの表示時間」に従い、どのフレームにも個別の表示時間を設定できます。「すべてのフレームをこの表示時間にする」で一括でそろえられます。完成したGIFを作り直さずにタイミングだけ変えるなら、GIF速度変更を使いましょう。

GIFといえば無限ループが一般的です。「1回だけ」は、スライドでの登場演出など、最後のフレームで止めたいアニメーションに向いています。「順再生のあと逆再生」は最後のフレームの後に逆順のフレームを加え、最後で飛んでしまうクリップをつなぎ目のない往復ループにします。

GIFは古い形式で、ファイルがすぐに大きくなります。サイズを左右する設定は、影響の大きい順にフレーム数、幅、色数、ディザリングの4つです。幅を半分にするとファイルはおよそ4分の1に、フレーム数を半分にするとおよそ半分になります。

このツールは、手軽な軽量化をあらかじめ行います。フレーム間で変化しないピクセルは保存し直さず、同じになったフレームは1つの長いフレームにまとめます。そのため、画面録画や背景が動かないGIFは、同じ長さでカメラが動く映像よりずっと小さくなります。

チャット用なら幅320〜480ピクセルで十分です。フラットなイラストやスクリーンショットには色数「バランス」か「最小」を選び、ディザリングは写真の空や肌に縞模様が出るときだけオンにしてください。それでも重いときは、GIF圧縮で指定サイズに収められます。

背景に「透明」を選ぶと、PNGの切り抜き画像やステッカーなど、透過のある画像はGIFでも透過のまま残ります。枠を埋めない写真の周りの余白も透明になります。SVGで保存したアニメーションアイコンやロゴは、SVG GIF変換でそのまま変換できます。

GIFの透過はピクセルごとに全か無かなので、柔らかい影やなめらかな輪郭はくっきりした形になります。既存のアニメーションの背景を消すにはGIF背景透過を、静止画を先に切り抜くには背景透過でPNGを保存して、ここに追加してください。

PhotoshopでもGIFは作れます。英語版のメニュー名でいうと、File › Scripts › Load Files into Stackで画像を読み込み、Window › Timelineを開いてCreate Frame Animationを選び、タイムラインのメニューからMake Frames From Layersを実行します。各フレームのサムネイルの下でディレイを設定し、ループをForeverにして、File › Export › Save for Web (Legacy)でGIFを選んで保存します。

この方法ならレイヤー単位で細かく調整できますが、Photoshopのサブスクリプションと十数ステップが必要です。写真やクリップを並べてきれいなGIFを作るだけなら、上のツールでどの端末からでも、1分で無料で同じことができます。