手把手教你如何生成一个 Android Demo 示例的 GIF 动态演示图 | OkyCode

我们经常会在一些大牛的博文或开源项目的 README 中看到动态的演示示例,是不是感觉很炫酷样子,其实那就是一张 GIF 格式的图片,一个 GIF 示例演示图不仅可以让读者对你项目的功能一目了然,还可以吸引读者增加对你的关注,下面我们就来通过一个示例介绍怎么生成一张 GIF 演示图:
思路:进行屏幕录制,然后把视频格式转化成 GIF 格式
屏幕录制
我门都知道对于 Android4.4(API level 19) 以上的手机,系统自带了一个命令 screenrecord,screenrecord 是一个shell命令,用它可以录制手机屏幕,支持录制 mp4 视频格式。
1 | $ adb shell screenrecord /sdcard/mydemo.mp4 |
开始录制手机屏幕,存放为 mydemo.mp4 到手机sd卡里,默认录制时长为180秒,可以通过按下组合键 control+c强制结束录制。
指定录制时长
1 | $ adb shell screenrecord --time-limit 10 /sdcard/mydemo.mp4 |
限制视频录制时间为10秒,10秒后录制自动结束。
指定录制视频分辨率大小
1 | $ adb shell screenrecord --size 1280*720 /sdcard/mydemo.mp4 |
如果不指定默认使用手机的分辨率,为获得最佳效果。
指定录制视频比特率
1 | $ adb shell screenrecord --bit-rate 2000000 /sdcard/mydemo.mp4 |
指定视频的比特率为2Mbps,如果不指定,默认为4Mbps. 你可以增加比特率以提高视频质量或为了让文件更小而降低比特率。
导出视频
1 | $ adb pull /sdcard/mydemo.mp4 /Users/your_machine/Desktop |
导出视频到我的电脑桌面上,由于我使用的是 OS X 苹果系统,路径为 /Users/your_machine/Desktop,如果你使用的是 Window 系统,你可以直接导出到 D 盘,如 D:\ 。
将 MP4 转化为 GIF
将 mp4 格式转成 gif 格式,我想网上搜索这样的工具应该有一大堆,如 Mac 系统下有 Gifrocket,Window 系统下有 Free Video to GIF Converter等。
好了,以上说了这么多,下面我来教大家如何使用这些工具进行格式转换。
首先,打开你的 ps 工具,对,你妹看错,就是堪称神器的 Adobe Photoshop,没有?那就去装一个吧。
文件>导入>视频帧到涂层.., 找到你刚才从手机导出的视频mydemo.mp4窗口>时间轴,可以进行编辑了:删除帧、设置时间轴帧速率、添加过滤动画、裁切等文件>导出>存储为 Web 所有格式..>存储, 将转换的GIF文件存储到桌面
OK,完成收工!

如果觉得我的文章对您有用,请扫面关注下方微信公众号,以了解文章最新动态!
