12
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-06-26

#この記事について
Qiitaの記事で表示されるgif画像を作るのに苦労したので、備忘録として書きました。
ForGif.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
インストール以下のコードをコピーして、ターミナルにペーストして実行してください。
スクリーンショット 2020-06-26 17.39.38.png

homebrewが入っているかどうかはターミナル上で"brew"と打って実行すれば確認できます。既にあれば色々文字が出るはずです。
スクリーンショット 2020-06-26 17.48.53.png
こんな風に。

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画像を確認したい時は、ファイルを選択した状態でスペースキーを押してください。普通に開いても画像が並んでいるだけで動きはないです。

12
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?