動画から簡単にQiitaの記事にアップロードできるgif画像を作成する方法


この記事について

Qiitaの記事で表示されるgif画像を作るのに苦労したので、備忘録として書きました。

gif画像づくりは自ら編み出したものではなく、以下のyoutubeの動画を参考に作りました。
https://www.youtube.com/watch?v=aQOpbP3hr0A

動画の作成

gif画像にする動画を準備します。準備の仕方は人それぞれだと思います。普段の私は"Gyazo GIF"を使って動画を作っています。
https://gyazo.com/tour
Macユーザーの方は"shiftキー"+"commandキー"+"5"で録画するのもありだと思います。

Homebrewのインストール(Macのみ)

以下のサイトでHomebrewをインストールしてください。既にしている方はスキップしてもらって大丈夫です。
https://brew.sh/index_ja
インストール以下のコードをコピーして、ターミナルにペーストして実行してください。

homebrewが入っているかどうかはターミナル上で"brew"と打って実行すれば確認できます。既にあれば色々文字が出るはずです。

こんな風に。

ffmpegのインストール

ffmpegは動画や音楽を変換や再生できるフリーソフトウェアです。ffmpegを使って動画をgif画像にします。
ffmpegをインストールするために以下のコマンドをターミナルで実行してください。

brew install ffmpeg

"ffmpeg"とターミナル上に入力して実行するとインストールできているか確認できます。

動画からgif画像への変換

動画のあるディレクトリへ移動します。以下のコマンドで動画をgif画像に変換できます。

ffmpeg -i ファイル名 -r 1~20の数字 gif画像にした時のファイル名(拡張子の.gifを含む)

-rの1~20の数字ですが、数字が大きいほどgifの動きが滑らかで、容量が大きくなります。

以下は私が動画からgif画像を作成した時のコード(例)です。

ffmpeg -i ForGif.mov -r 10 ForGif.gif

これでgif画像作りは完了です。
作ったgif画像を確認したい時は、ファイルを選択した状態でスペースキーを押してください。普通に開いても画像が並んでいるだけで動きはないです。