0821 - 我是如何免費為自己的產品制作 Gif 動圖的

不斷有朋友問:

你是怎么做 Gif 的?畫質不錯,文件也不大。
用什么 app 錄制的?好順滑的錄屏。

真有那么神嗎?其實我覺得還好啦。大家可以到我的網站上看看效果,比如:

Anyway,今天我就分享下自己私藏的小秘密。其實也很簡單,就是以下三步(基于 macOS 平臺):

1. 使用 QuickTime Player 錄屏

其實 macOS 自帶的 QuickTime Player 錄屏效果還是挺不錯的,使用起來也簡單:啟動后在菜單中選擇即可,或者使用 Command + Ctrl + N 快捷鍵。

這一方式個好處:錄屏時可以包含狀態欄。因為我知道一些工具其實是不支持錄制狀態欄的,而我的幾款產品恰好都是基于菜單欄的,故有此一說。

2. 使用 QuickTime Player 編輯視頻

這一點其實是最便利的。

我之前曾使用 iMovie 來編輯視頻,但其僅支持 16:9 的視頻,實在太麻煩了,遂放棄。

我對視頻的編輯其實很簡單:刪除無用幀。步驟如下:

  • 使用 QuickTime Player 打開上面錄制的視頻
  • 按下 Command + E 顯示 Clips
  • 按下 Command + Y 在當前幀分割視頻
  • 刪除無用幀

以下大致演示編輯過程(其中的視頻本身是 Klib 展示閱讀器的操作示意,制作完成的 Gif 在 這里):

此方式最大的不足是:不能在視頻中添加文字

3. 使用工具將視頻轉換為 Gif

這一步的選擇余地應該挺大的,我個人常用的是下面這個網站:

http://image.online-convert.com/convert-to-gif

支持寬度等設定,感覺轉換效果還可以。

尾巴

以上是我目前錄制 Gif 的方式,全程免費

我并沒有說這是最佳選擇、也沒有為此背書的意思,以后也可能視情況而調整方案。如果你有更好的方式,歡迎告訴我


博客原文:0821 - 我是如何免費為自己的產品制作 Gif 動圖的

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,523評論 25 708
  • 我是一根朽木 在匠人的眼里 我百無一用 良木在精雕細琢下 變成了船只 家具 建筑群 變成了匠人的欲望和希冀 然而 ...
    瀟湘一夢閱讀 385評論 0 1
  • 南瓜馬車咕嚕咕嚕駛過 車廂里的公主穩穩的端坐 她不經意的視線 滑過人群 那一瞬的久長里 我像你一樣 忘了我
    長山n閱讀 633評論 0 0