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

JerryXia 发表于 , 阅读 (0)

Alt Image Text

我们经常会在一些大牛的博文或开源项目的 README 中看到动态的演示示例,是不是感觉很炫酷样子,其实那就是一张 GIF 格式的图片,一个 GIF 示例演示图不仅可以让读者对你项目的功能一目了然,还可以吸引读者增加对你的关注,下面我们就来通过一个示例介绍怎么生成一张 GIF 演示图:

思路:进行屏幕录制,然后把视频格式转化成 GIF 格式

屏幕录制

我门都知道对于 Android4.4(API level 19) 以上的手机,系统自带了一个命令 screenrecordscreenrecord 是一个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,没有?那就去装一个吧。

  1. 文件 > 导入 > 视频帧到涂层.., 找到你刚才从手机导出的视频 mydemo.mp4
  2. 窗口 > 时间轴 ,可以进行编辑了:删除帧、设置时间轴帧速率、添加过滤动画、裁切等
  3. 文件 > 导出 > 存储为 Web 所有格式.. > 存储, 将转换的 GIF 文件存储到桌面

OK,完成收工!

Alt Image Text

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

Alt Image Text