制作清晰Gif截圖以作為項(xiàng)目的運(yùn)行效果

導(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)為我打賞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,981評(píng)論 25 709
  • 年前給學(xué)生布置了個(gè)任務(wù),讓他看一個(gè)他沒怎么接觸過的方向,然后寫個(gè)申請(qǐng)書。 申請(qǐng)書并不是太難,但是學(xué)生肯定是要看一定...
    我想每天都快樂的JOY閱讀 229評(píng)論 0 0
  • 幾個(gè)月前由于身體原因,開始運(yùn)動(dòng),以前對(duì)腰間贅肉沒多大在意,當(dāng)仔細(xì)看看的時(shí)候,發(fā)覺好丑,盡快把它減掉,重新鍛煉成健康...
    8291e247ebd7閱讀 16,072評(píng)論 2 21
  • 親愛的自己, 該放手的情就放了吧, 執(zhí)著的感情到底會(huì)弄傷了自己! 親愛的自己, 該離開的人就離開吧, 不愛你的人永...
    紙捻閱讀 405評(píng)論 0 0

友情鏈接更多精彩內(nèi)容