MacでアニメーションGIFを作りたい！

簡単な手順書をWebで作成する際にアニメーションGIFを作ってみました。
Macの標準アプリだけで作成できます。
自分の備忘録ですが、誰かの参考になればと思い共有します〜。

完成イメージ

簡単な動画という感じです。

環境

macOS Monterey

画面収録で動画を撮影する

1. 「Shift ＋ Command ＋ 5」を押します。

2. 一番右のアイコン（選択部分を収録）を押し、ドラッグ＆ドロップで収録範囲を決めます。

3. ［収録］ボタンを押します。

4. 撮影開始！

5. 停止は、画面上部のメニューバーに表示されている［■］を押します。（収録範囲以外はグレイ表示になっていますが、気にせず［■］を押せます。）

動画をトリミングする

1. 画面収録した動画を右クリックして、［クイックアクション］→［トリム］と選択すると、トリミングすることができるので、動画の中で必要な部分だけにします。

   • 画面収録を停止した直後に右下に表示されるサムネイルからもトリミングすることができます。

GIFアニメに変換する

1. Finderのアプリケーションの中から「Keynote」アプリを選択します。

2. 「テーマを選択」では、なんでもいいのですが「ベーシックホワイト」を選択します。

3. 右上の［書類］ボタンを押して、「スライドのサイズ」の中の「カスタムサイズ」で、動画の画面サイズとスライドのサイズを同じにします。

4. 画面収録した動画をスライドに挿入します。

5. メニューバーの［ファイル］→［書き出す］→［アニメーションGIF］で、アニメーションGIFが作成できます。

   • ダブルクリックしたデフォルトのプレビューで確認すると静止画なので、右クリックして「Google Chrome」から確認しました。

最後に…

簡単に作れるので、使い所はたくさんありそうです。