導言
PS:此文已在百度經驗和我的個人博客發布過,我在“百度以下”搜索我的這個題目,搜到的只是百度經驗的,壓根沒有我博客所寫的。因此這篇主要是給簡書用戶友們~
百度經驗鏈接:進入百度經驗鏈接
我的博客鏈接:進入我的博客
我們在Github看到別人的源代碼的時候,都會有一些截圖介紹,有一些就是純圖片的,但是有一些就是類似于下圖之類的`Gif圖`:
這種Gif給人的感覺就是生動、形象。既然如此,怎么做出這種圖呢?
嗯,我介紹的方法可能有一些局限性,`大家如果有更好的方法,Please告知我,謝謝`。
先看一下我做的效果吧(Gif圖還是比較清晰吧,哈哈):
一開始,我是使用FFmpeg和ImageMagic來實現的,效果的確不錯,大概就是先使用FFmpeg將視頻轉成很多張png圖片,然后再使用ImageMagic將這些png圖片合成成一張Gif圖(或者強暴一點就是直接使用FFmpeg將視頻直接轉換為Gif圖,但是這樣的Gif圖很失真,沒意思),而且制作過程中還使用命令的,可能對于某些比較鐘愛命令的還好說,像我這種,能簡單就簡單,哈哈~下面就使用Photoshop來簡單的制作出清晰的Gif截圖吧
環境要求
=====
> - Mac或者Windows:這個不重要,能裝上Photoshop和Android Studio就可以了
> - Android Studio:Google說這是未來的Android開發工具,使用它來錄屏
> - Photoshop:大部分工作就是使用它來完成
> - 4.4版本或以上的Android手機:我使用的是小米3,不能是模擬器,只能是4.4版本或以上真機
使用Android Studio錄制視頻
==================
1.手機成功連接到電腦之后,點擊箭頭所指向的圖標(Screen Record):
2.設置錄屏參數(我覺得默認就好):
3.點擊Start Recording,并在手機上做相應的操作(用于你要截取的動畫),好像Google說最長可以錄屏180s:
4.錄屏完畢后,點擊stop,選擇你要保存的位置:
使用Photoshop將視頻轉換成Gif圖
=============
1.在Photoshop導入通過Android Studio錄制的視頻,打開方式如下:
2.限制為每隔3~5幀吧,這樣可以縮小一下文件的體積:
PS:由于一般來說手機的分辨率是比較高的(小米3的是1080X1090),不太適合于在網頁顯示和網絡傳輸,你可以按command+option+I來修改圖像大小,修改的時候,寬度和高度最好鎖定,然后修改寬度為320像素就比較合適了:
3.打開時間軸:
4.全選時間軸的全部圖片(方法:先選中第一個圖片,按住Shift鍵,再選最后一張圖片),設置延時為“不延時”,這樣可以讓你的Gif圖和視頻的播放速度一樣:
5.點擊文件-->保存-->存儲為Web所用格式...:
6.設置一下存儲參數,不過默認就好了:
7.選擇保存途徑吧,文件名它警告不用使用中文名,哈哈,好吧,你自己改一下咯:
好了,大功告成,看一下Gif圖,還挺清晰的,哈哈:
感覺文章幫到了你,請為我打賞。