导言

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图，还挺清晰的，哈哈：

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