導(dǎo)言
PS:此文已在百度經(jīng)驗(yàn)和我的個(gè)人博客發(fā)布過(guò)格粪,我在“百度以下”搜索我的這個(gè)題目躏吊,搜到的只是百度經(jīng)驗(yàn)的,壓根沒(méi)有我博客所寫(xiě)的帐萎。因此這篇主要是給簡(jiǎn)書(shū)用戶(hù)友們~
百度經(jīng)驗(yàn)鏈接:進(jìn)入百度經(jīng)驗(yàn)鏈接
我的博客鏈接:進(jìn)入我的博客
我們?cè)贕ithub看到別人的源代碼的時(shí)候比伏,都會(huì)有一些截圖介紹,有一些就是純圖片的疆导,但是有一些就是類(lèi)似于下圖之類(lèi)的`Gif圖`:
這種Gif給人的感覺(jué)就是生動(dòng)赁项、形象。既然如此澈段,怎么做出這種圖呢悠菜?
嗯,我介紹的方法可能有一些局限性败富,`大家如果有更好的方法悔醋,Please告知我,謝謝`囤耳。
先看一下我做的效果吧(Gif圖還是比較清晰吧篙顺,哈哈):
一開(kāi)始偶芍,我是使用FFmpeg和ImageMagic來(lái)實(shí)現(xiàn)的,效果的確不錯(cuò)德玫,大概就是先使用FFmpeg將視頻轉(zhuǎn)成很多張png圖片匪蟀,然后再使用ImageMagic將這些png圖片合成成一張Gif圖(或者強(qiáng)暴一點(diǎn)就是直接使用FFmpeg將視頻直接轉(zhuǎn)換為Gif圖,但是這樣的Gif圖很失真宰僧,沒(méi)意思)材彪,而且制作過(guò)程中還使用命令的,可能對(duì)于某些比較鐘愛(ài)命令的還好說(shuō)琴儿,像我這種段化,能簡(jiǎn)單就簡(jiǎn)單,哈哈~下面就使用Photoshop來(lái)簡(jiǎn)單的制作出清晰的Gif截圖吧
環(huán)境要求
=====
> - Mac或者Windows:這個(gè)不重要造成,能裝上Photoshop和Android Studio就可以了
> - Android Studio:Google說(shuō)這是未來(lái)的Android開(kāi)發(fā)工具显熏,使用它來(lái)錄屏
> - Photoshop:大部分工作就是使用它來(lái)完成
> - 4.4版本或以上的Android手機(jī):我使用的是小米3,不能是模擬器晒屎,只能是4.4版本或以上真機(jī)
使用Android Studio錄制視頻
==================
1.手機(jī)成功連接到電腦之后喘蟆,點(diǎn)擊箭頭所指向的圖標(biāo)(Screen Record):
2.設(shè)置錄屏參數(shù)(我覺(jué)得默認(rèn)就好):
3.點(diǎn)擊Start Recording,并在手機(jī)上做相應(yīng)的操作(用于你要截取的動(dòng)畫(huà))鼓鲁,好像Google說(shuō)最長(zhǎng)可以錄屏180s:
4.錄屏完畢后蕴轨,點(diǎn)擊stop,選擇你要保存的位置:
使用Photoshop將視頻轉(zhuǎn)換成Gif圖
=============
1.在Photoshop導(dǎo)入通過(guò)Android Studio錄制的視頻骇吭,打開(kāi)方式如下:
2.限制為每隔3~5幀吧橙弱,這樣可以縮小一下文件的體積:
PS:由于一般來(lái)說(shuō)手機(jī)的分辨率是比較高的(小米3的是1080X1090),不太適合于在網(wǎng)頁(yè)顯示和網(wǎng)絡(luò)傳輸燥狰,你可以按command+option+I來(lái)修改圖像大小棘脐,修改的時(shí)候,寬度和高度最好鎖定碾局,然后修改寬度為320像素就比較合適了:
3.打開(kāi)時(shí)間軸:
4.全選時(shí)間軸的全部圖片(方法:先選中第一個(gè)圖片荆残,按住Shift鍵,再選最后一張圖片)净当,設(shè)置延時(shí)為“不延時(shí)”内斯,這樣可以讓你的Gif圖和視頻的播放速度一樣:
5.點(diǎn)擊文件-->保存-->存儲(chǔ)為Web所用格式...:
6.設(shè)置一下存儲(chǔ)參數(shù),不過(guò)默認(rèn)就好了:
7.選擇保存途徑吧像啼,文件名它警告不用使用中文名俘闯,哈哈,好吧忽冻,你自己改一下咯:
好了真朗,大功告成,看一下Gif圖僧诚,還挺清晰的遮婶,哈哈:
感覺(jué)文章幫到了你蝗碎,請(qǐng)為我打賞。