我是如何高效錄製出那麼多高質量 gif 動圖的呢?

你們好,我是小拍。個人文章有一個特色:錄屏的動圖多bash

好比我正在寫的 gecode 教程:微信

Gecode::gist 使用
又好比我以前寫的 VS Code :學習

VS Code 彙總

廢話很少說,我用的是上古神器音視頻處理神器 ffmpeg ,僅僅一條命令,足矣。優化

我作動圖,通常是:錄屏 + 轉換gif這兩個步驟,錄屏軟件多了去了:spa

  • 我之前用 Bandicam
  • 如今用開源推流神器 OBS
  • 以及簡化版 QQ 即 Tim 自帶的錄屏功能

我最推薦 Tim 自帶的錄屏功能(在截圖功能裏),由於這玩意選擇錄製區域方便得很。code

接下來就是轉爲 gif ,你本身下載 ffmpeg ,把二進制文件路徑配到環境變量裏,以後就可隨時隨地使用 ffmpeg 命令了。視頻

咱的命令只有一個模型:blog

ffmpeg -t <截取的視頻時常>
            -ss <視頻起始時間>
            -i <視頻名稱>
            -s <輸出大小>
            -r <輸出幀率>
            <輸出文件的名稱>

舉個栗子:教程

ffmpeg -t 15 -ss 00:1.50 -i .\vsc_e2.mp4 -s 640*360 -r 5 ctrl_p.gif

就是指:圖片

  • 把 mp4 視頻文件 vsc_e2.mp4 給老子轉換成 gif ,名稱爲 ctrl_p.gif
  • 從視頻的 00:1.50 第一秒半開始轉,一共要 15 秒
  • 還得注意大小給我輸出爲 640*360 的,幀率別過高,=5就能夠

通常來說,我不怎麼使用 -s-r 命令,但有時候:

  • 微信公衆號限制圖片的大小以及總幀率
  • 因此,咱們要對尺寸和幀率進行優化

作了優化的 gif 看着也不會很生澀,好比你看上面那個 VS Code 的 gif 就是我優化後的。而關於 gecode 的動圖,很絲滑,由於我沒有使用 -s-r 命令。

獨門祕笈,若是你也在作筆記、寫博文、玩技術號,歡迎加我微信 PiperLHJ ,我們一塊兒學習、一塊兒進步。

相關文章
相關標籤/搜索