【小明开发一百问】（一）如何制作手机软件演示视频

故事

注：小故事作为引入，如不喜欢可跳过阅读

小明是一个android开发攻城狮，在开发的过程中遇到了各种各样奇奇怪怪的问题。其中有一些问题小明通过查阅资料已经解决掉了，而还有一些问题则还一直困扰着小明，于是小明决定向我们请教，希望我们能够帮他解决掉一些难题。

这天，小明做了一个手机界面设计Demo，他想写篇博客教大家怎么实现这种界面，想要将Demo的效果展示出来给大家看，又不希望贴一堆手机截图在博文中，显得博文很臃肿。

于是小明想出了一个解决方法——做一个手机软件演示视频

在尝试了各种办法都以失败告终之后，小明终于来求助我们——

怎样才能制作一个流畅清晰的手机软件演示视频？

实现

制作一个流畅清晰的手机软件演示视频，有以下两套实现方案：

手机截屏+gif制作器

可使用手机管理软件对手机进行截屏操作，如豌豆荚/应用宝都可以

由于需要生成动态gif图，所以要求手机截屏数量尽可能多，这样制作出来的演示视频才会更流畅一些。

之后将所有图片按顺序放到gif制作器中，选择跳转延迟时间，一般是0.1s合适，制作成gif就可以了

推荐方案——使用应用宝+PS

由于应用宝提供了手机动态截屏的功能——实质就是手动截屏+内置gif制作器自动将截图集转换成gif。需要使用PS是因为应用宝默认将图片的跳转延迟时间设为1s，所以生成出来的gif看起来会很卡，不够流畅。因此需要用PS将图片跳转延迟设为0.1s（可根据需求自己设定）这样就能制作出流畅的演示视频

详细步骤:

使用应用宝连接到你的手机，打开应用宝->工具箱->动态截屏，界面如下：



运行软件并手动截屏（截取尽量密集的图片)

预览并保存

使用PS打开上一步生成的gif文件，在PS->”时间轴”工作区中更改图片切换延迟时间（在PS->窗口菜单下选择“时间轴”可打开时间轴工作区）



将gif文件存储为web所用格式

虽然能做出清晰流畅的演示视频这种实现方案有一个明显的缺点——这种方法无法很好地展示动画切换效果，因为手动截图不一定能截取到动画切换时的屏幕。

（小明：“那怎么办？！”）

不急，让我们来看第二种更方便更有效的实现方案——

使用屏幕录制软件录制

这种方案有两种实现方法：

使用手机端录屏软件录制

适用于Root后的手机，适用于真机。

可使用软件：

咔咔截屏录屏大师

SCR屏幕录像

拍大师

可在软件商城中下载安装apk，跟着各个apk的引导进行视频录制即可

使用电脑端录屏软件录制

适用于模拟机。

推荐使用软件

超级捕快

这个软件是要付费的，试用版每次只能录制15s的视频，但这对于我们已经够用了！

选择电脑屏幕录像，选择录像区域（选择模拟器的区域）设置各种参数之后就可以开始录像了 保存为avi格式

界面如下



由于csdn不支持avi格式的文件，所以再将avi文件转成gif格式就OK了

到此大功告成！有问题可评论或者发邮件跟我联系yetwish@gmail.com