GIF の作成
アニメーション GIF は、画像だけでは足りない機能をマーケティング目的で見せたり、機能をより詳細に説明したりするのに素晴らしい手段です。このページには、GIF を作成するプロセス全体に関するすべての情報が記載されています。
一般
GIF フォーマットが人気なのは、どこでも動作し、面倒な UI がないからです。— Kornel
GIF はある理由であちこちで使われていますが、上記の参照記事でも読めるように、コストが高いものでもあります。コストが高いというのは、GIF はすぐに大きなファイルになり、読み込みに時間がかかるという意味です。ファイルサイズと品質の境界線を歩く素晴らしい見た目の GIF を作成するには、いくつかのステップを考慮する必要があります。
クイック＆イージー
「クイック＆イージー」のプロセスは、パフォーマンスがそれほど重要でない日常用途向けです。GIF を作成する最も効率的な方法です。
ステップ 1
必要なものだけを表示します。すべてを含める必要はありません。これは単一のバグ／機能のひと垣間です。記録領域を小さく、専用に保ってください。
ステップ 2
すぐに GIF を出力する専用アプリを使用します。ツール - オールインワン を参照してください。
エキスパート
「エキスパート」のプロセスは、パフォーマンスが重要なケース向けです。少し時間がかかりますが、重要なブログ投稿、非常に大きな GIF、極めて詳細な GIF などの状況では報われます。
ステップ 1
必要なものだけを表示します。すべてを含める必要はありません。これは単一のバグ／機能のひと垣間です。記録領域を小さく、専用に保ってください。
ステップ 2
私の GIF はすべて動画から始まります。— Andy Orsow
プロフェッショナルな GIF を作成したいなら、動画ファイルから始めるとよいでしょう。これにより、必要に応じて出力を専門的にコントロールできます（例: モーションブラーは追加のプロらしさを加えられます）。動画ファイルはほとんどの場合、スクリーン録画ソフトから作成されます。詳細は ツールセクション を参照してください。
ステップ 3
表示される色の量を減らします。これは事前に正確に何を撮影するかを考えるか、出力 GIF の出力色数を制限することで実現できます（gifify のオプションを参照）。結果が要件に合っているか確認しましょう。
もう一つのステップは、すべてのフレームを手動で検索して重複フレームを削除することです。これについての詳細は こちら を参照してください。この追加ステップには多くの時間がかかる場合があります。何事にも言えることですが、「必要な場合にのみ使用してください」。
ステップ 4
最低 15 fps を目指し、「compress」「speed」「resolution」設定で結果が十分に良いか確認してください。
ツール
画面録画や GIF 作成のためのツールには多くの異なるものがあります。使い慣れたツールを使ってください。ただし、覚えておいてください: 「ファイルサイズと品質の境界線を歩く素晴らしい見た目の GIF を作成するためには、エキスパートのプロセス の各ステップを一定程度コントロールできることが望ましいです」。
オールインワン
このセクションではいくつかの点が重要です:
- スクリーン領域のサポート（画面の一部から GIF を作成できる機能）
- カーソルサポート（GIF にカーソルを含める機能）
- FPS サポート（出力 GIF のフレーム/秒を制御する機能。インタラクションの詳細を見せたい場合に重要）
- GIF のローカル保存（サーバーへのアップロードはあくまでオプションであるべき）
Gifox (macOS)
Gifox はここでの絶対的なベストオプションです。有料アプリですが、合理的な価格（$14.99）です。すべての機能、ショートカット、そしてそれ以上をサポートしています。
その他言及に値するもの:
- Kap（無料・オープンソース！）
- Giphy capture（無料で素晴らしいオプション！）
- Licecap（無料だが出力オプションが限定的、色が悪くなることもある）
- ScreenToGif（Windows、無料・オープンソース、強力なエディタ付き）
FFCast + FFmpeg (Linux)
FFCast は、ffmpeg をラップしてスクリーン領域を録画またはキャプチャするコマンドラインツールです。オプションで gifify にパイプできます。
スクリーン録画
Shift-Command-5 (macOS)
macOS Mojave 以降では、Shift-Command (⌘)-5 を押して画面全体または画面の一部を録画するコントロールを表示できます。
QuickTime (macOS)
すべての Mac で QuickTime はすでにインストールされています。便利なスクリーン録画オプションを備えており、編集 メニューには基本的なトリミングと分割機能まであります！動画ファイル を作成するのに最適です。
その他言及に値するもの:
- Screeny（現時点では無料）
- Gif Brewery（無料ではない）
- ffscreencast（CLI ツール、画面全体のみキャプチャ）
- CloudApp（無料、有料オプションあり）
Camstudio (Windows)
Camstudio は無料ツールです。まだテストされていません……
FFCast + FFmpeg (Linux)
FFCast は、ffmpeg をラップしてスクリーン領域を録画またはキャプチャするコマンドラインツールです。オプションで gifify にパイプできます。
動画から GIF への変換
Gifify (CLI)
Gifify はコマンドラインツールで、動画ファイルを GIF に変換するための最も完全なオプションセットを提供します。最も制御の効く、おそらく最高の無料ツールです。
コマンド例:
gifify input.mov -o output.gif --resize 960:-1 --compress 0 --colors 50 --speed 1.05 --fps 15
その他言及に値するもの:
- Drop to Gif（macOS で GUI で変換するだけの素晴らしい無料オープンソースオプション！）
- Screengif（gifify と類似の CLI）
- Gif Brewery（macOS、無料ではない）
動画をオンラインで GIF に変換
- EZGif（かなり良い結果といくつかの設定オプションを提供）
- Giphy Gifmaker（アカウントがあれば GIF を非公開にできます。そうでなければ「あなたのすべての GIF は GIPHY のもの」）
- imgur Video to GIF（何百もの人気の動画サイトから GIF を作成。Download を使って GIF または .gifv 形式のリンクを取得）
スクリーンショットから GIF への変換
png ファイルの一連のスクリーンショットがある場合、ImageMagick を使って Gif ファイルに変換できます。ImageMagick は 画像のリサイズ も可能です。
convert -delay 50 -loop 0 *.png output.gif
Gif ファイルをソーシャルメディアにアップロードする際は、ソース画像の解像度が 2048x2048 より小さいことを確認してください。
Gif のリサイズ
ソーシャルメディアへのアップロードやブログ投稿への統合のために、Gif の解像度やファイルサイズをリサイズする必要があるかもしれません。Gifsicle は 1 ステップで Gif のリサイズをサポートします。以下の例では Gif の幅を 2000px に変更します:
gifsicle --resize 2000x original.gif > original_resized.gif
関連リンク
c955a93f)