制作清晰Gif截图以作为项目的运行效果

导言

PS:此文已在百度经验和我的个人博客发布过,我在“百度以下”搜索我的这个题目,搜到的只是百度经验的,压根没有我博客所写的。因此这篇主要是给简书用户友们~

百度经验链接:进入百度经验链接

我的博客链接:进入我的博客

我们在Github看到别人的源代码的时候,都会有一些截图介绍,有一些就是纯图片的,但是有一些就是类似于下图之类的`Gif图`:

这种Gif给人的感觉就是生动、形象。既然如此,怎么做出这种图呢?

嗯,我介绍的方法可能有一些局限性,`大家如果有更好的方法,Please告知我,谢谢`。

先看一下我做的效果吧(Gif图还是比较清晰吧,哈哈):

一开始,我是使用FFmpeg和ImageMagic来实现的,效果的确不错,大概就是先使用FFmpeg将视频转成很多张png图片,然后再使用ImageMagic将这些png图片合成成一张Gif图(或者强暴一点就是直接使用FFmpeg将视频直接转换为Gif图,但是这样的Gif图很失真,没意思),而且制作过程中还使用命令的,可能对于某些比较钟爱命令的还好说,像我这种,能简单就简单,哈哈~下面就使用Photoshop来简单的制作出清晰的Gif截图吧

环境要求

=====

> - Mac或者Windows:这个不重要,能装上Photoshop和Android Studio就可以了

> - Android Studio:Google说这是未来的Android开发工具,使用它来录屏

> - Photoshop:大部分工作就是使用它来完成

> - 4.4版本或以上的Android手机:我使用的是小米3,不能是模拟器,只能是4.4版本或以上真机

使用Android Studio录制视频

==================

1.手机成功连接到电脑之后,点击箭头所指向的图标(Screen Record):

2.设置录屏参数(我觉得默认就好):

3.点击Start Recording,并在手机上做相应的操作(用于你要截取的动画),好像Google说最长可以录屏180s:

4.录屏完毕后,点击stop,选择你要保存的位置:

使用Photoshop将视频转换成Gif图

=============

1.在Photoshop导入通过Android Studio录制的视频,打开方式如下:

2.限制为每隔3~5帧吧,这样可以缩小一下文件的体积:

PS:由于一般来说手机的分辨率是比较高的(小米3的是1080X1090),不太适合于在网页显示和网络传输,你可以按command+option+I来修改图像大小,修改的时候,宽度和高度最好锁定,然后修改宽度为320像素就比较合适了:

3.打开时间轴:

4.全选时间轴的全部图片(方法:先选中第一个图片,按住Shift键,再选最后一张图片),设置延时为“不延时”,这样可以让你的Gif图和视频的播放速度一样:

5.点击文件-->保存-->存储为Web所用格式...:

6.设置一下存储参数,不过默认就好了:

7.选择保存途径吧,文件名它警告不用使用中文名,哈哈,好吧,你自己改一下咯:

好了,大功告成,看一下Gif图,还挺清晰的,哈哈:

感觉文章帮到了你,请为我打赏。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,458评论 25 709
  • 年前给学生布置了个任务,让他看一个他没怎么接触过的方向,然后写个申请书。 申请书并不是太难,但是学生肯定是要看一定...
    我想每天都快乐的JOY阅读 1,558评论 0 0
  • 几个月前由于身体原因,开始运动,以前对腰间赘肉没多大在意,当仔细看看的时候,发觉好丑,尽快把它减掉,重新锻炼成健康...
    8291e247ebd7阅读 15,987评论 2 21
  • 亲爱的自己, 该放手的情就放了吧, 执着的感情到底会弄伤了自己! 亲爱的自己, 该离开的人就离开吧, 不爱你的人永...
    纸捻阅读 2,885评论 0 0

友情链接更多精彩内容