導(dǎo)言
PS:此文已在百度經(jīng)驗(yàn)和我的個(gè)人博客發(fā)布過,我在“百度以下”搜索我的這個(gè)題目,搜到的只是百度經(jīng)驗(yàn)的,壓根沒有我博客所寫的。因此這篇主要是給簡(jiǎn)書用戶友們~
百度經(jīng)驗(yàn)鏈接:進(jìn)入百度經(jīng)驗(yàn)鏈接
我的博客鏈接:進(jìn)入我的博客
我們?cè)贕ithub看到別人的源代碼的時(shí)候,都會(huì)有一些截圖介紹,有一些就是純圖片的,但是有一些就是類似于下圖之類的`Gif圖`:

這種Gif給人的感覺就是生動(dòng)、形象。既然如此,怎么做出這種圖呢?
嗯,我介紹的方法可能有一些局限性,`大家如果有更好的方法,Please告知我,謝謝`。
先看一下我做的效果吧(Gif圖還是比較清晰吧,哈哈):

一開始,我是使用FFmpeg和ImageMagic來實(shí)現(xiàn)的,效果的確不錯(cuò),大概就是先使用FFmpeg將視頻轉(zhuǎn)成很多張png圖片,然后再使用ImageMagic將這些png圖片合成成一張Gif圖(或者強(qiáng)暴一點(diǎn)就是直接使用FFmpeg將視頻直接轉(zhuǎn)換為Gif圖,但是這樣的Gif圖很失真,沒意思),而且制作過程中還使用命令的,可能對(duì)于某些比較鐘愛命令的還好說,像我這種,能簡(jiǎn)單就簡(jiǎn)單,哈哈~下面就使用Photoshop來簡(jiǎn)單的制作出清晰的Gif截圖吧
環(huán)境要求
=====
> - Mac或者Windows:這個(gè)不重要,能裝上Photoshop和Android Studio就可以了
> - Android Studio:Google說這是未來的Android開發(fā)工具,使用它來錄屏
> - Photoshop:大部分工作就是使用它來完成
> - 4.4版本或以上的Android手機(jī):我使用的是小米3,不能是模擬器,只能是4.4版本或以上真機(jī)
使用Android Studio錄制視頻
==================
1.手機(jī)成功連接到電腦之后,點(diǎn)擊箭頭所指向的圖標(biāo)(Screen Record):

2.設(shè)置錄屏參數(shù)(我覺得默認(rèn)就好):

3.點(diǎn)擊Start Recording,并在手機(jī)上做相應(yīng)的操作(用于你要截取的動(dòng)畫),好像Google說最長(zhǎng)可以錄屏180s:

4.錄屏完畢后,點(diǎn)擊stop,選擇你要保存的位置:

使用Photoshop將視頻轉(zhuǎn)換成Gif圖
=============
1.在Photoshop導(dǎo)入通過Android Studio錄制的視頻,打開方式如下:

2.限制為每隔3~5幀吧,這樣可以縮小一下文件的體積:

PS:由于一般來說手機(jī)的分辨率是比較高的(小米3的是1080X1090),不太適合于在網(wǎng)頁顯示和網(wǎng)絡(luò)傳輸,你可以按command+option+I來修改圖像大小,修改的時(shí)候,寬度和高度最好鎖定,然后修改寬度為320像素就比較合適了:

3.打開時(shí)間軸:

4.全選時(shí)間軸的全部圖片(方法:先選中第一個(gè)圖片,按住Shift鍵,再選最后一張圖片),設(shè)置延時(shí)為“不延時(shí)”,這樣可以讓你的Gif圖和視頻的播放速度一樣:

5.點(diǎn)擊文件-->保存-->存儲(chǔ)為Web所用格式...:

6.設(shè)置一下存儲(chǔ)參數(shù),不過默認(rèn)就好了:

7.選擇保存途徑吧,文件名它警告不用使用中文名,哈哈,好吧,你自己改一下咯:

好了,大功告成,看一下Gif圖,還挺清晰的,哈哈:

感覺文章幫到了你,請(qǐng)為我打賞。