ブログ用によくGifをつくるので自分用の備忘録代わりに手順を記しておく。

追記(2023/11/29)⌗

下記の方法だと生成後のgifに格子模様のようなものが入ってしまうので以下の記事で紹介されているffmpegを使った方法を使うようにしたところ綺麗なgifが生成できるようになった。

Mac で GIF 画像を作る技術 - Qiita

動画内で使用している色を最適化するために、パレット画像を生成します。

ffmpeg -i input.mov -vf "palettegen" -y palette.png

GIF 画像を出力します。 サンプルでは、-r オプションでフレームレートを 24 に設定しています。

ffmpeg -i input.mov -i palette.png -r 24 -y output.gif

追記ここまで

前提⌗

  • macOS
  • Kap がインストールされていること
  • Keycastr がインストールされていること

手順⌗

1. Keycastrを起動⌗

keycastr.gif

2. Kapでいい感じに範囲を選んで録画開始ボタンを押す⌗

select-window.webp

3. いい感じのサイズで保存(重要)⌗

(あとから圧縮しようとすると思いのほか大変なのでサイズを小さくしたい場合はいい感じのサイズにするのを忘れない) select-size.webp

おわりに⌗

(いざ書いてみると書くほどでもなかった)