Gif图片制作
gif图片是博客中展示项目效果的一种很好的方式,为我们的app制作一张gif图片并不复杂,录制屏幕采用系统自带的QuickTime Player,制作gif采用PicGIF软件。licecap软件更是将屏幕录制与gif制作合为一体。
![](//upload-images.jianshu.io/upload_images/1070332-ad7b600c8f45a62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-30f9c70503e2177e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-0b0f4f9a3455e12e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-a3106dca44be644e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-fc89db757d3b5c41.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-c864f6b5d4f90e71.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-ab357d125ec5774c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-a8986c2c5607103f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-0740d5f2620307fc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](//upload-images.jianshu.io/upload_images/1070332-5cbb27881db2d2ea.gif?imageMogr2/auto-orient/strip)
制作gif
制作gif的软件很多,本人也使用过很多款,GifBrewery,PicGIF是比较好的软件。原本一直在用GifBrewery,但是制作出来的gif经常在简书里无法显示,这里以PicGIF为例子。软件下载地址在文末。
![](http://upload-images.jianshu.io/upload_images/1070332-ad7b600c8f45a62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
1 打开PicGIF,点击添加视频,添加刚才录制的视频文件
![](http://upload-images.jianshu.io/upload_images/1070332-30f9c70503e2177e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2 出现制作窗口,点击进度条可以查看当前选中的帧,点击进度条之后,按CMD+S设置片段起始点,CMD+E设置片段结束点,帧每秒可以设置播放速度
![](http://upload-images.jianshu.io/upload_images/1070332-0b0f4f9a3455e12e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1070332-a3106dca44be644e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3 点击右下角加载按钮,等待提取帧完成,然后点击右边菜单的尺寸,选择合适的gif尺寸,也可以自定义尺寸;帧延时选项也可以改变gif播放速度
![](http://upload-images.jianshu.io/upload_images/1070332-fc89db757d3b5c41.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1070332-c864f6b5d4f90e71.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4 点击右上角创建GIF,gif图制作完成,点击右下角存储即可
![](http://upload-images.jianshu.io/upload_images/1070332-ab357d125ec5774c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
licecap使用教程
licecap 是一款屏幕录制工具,支持导出 GIF 动画图片格式,轻量级、使用简单,录制过程中可以随意改变录屏范围。
1 运行后会以窗口的方式显示在桌面,拖动选取一个合适的大小范围。
![](http://upload-images.jianshu.io/upload_images/1070332-a8986c2c5607103f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2 点击 Record 选取保存路径就开始录屏了
![](http://upload-images.jianshu.io/upload_images/1070332-0740d5f2620307fc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3 licecap 在录屏过程中可以随时拖动窗口改变录屏范围,Stop 过后自动保存为 GIF 格式。下图是licecap制作的一个例子。
![](http://upload-images.jianshu.io/upload_images/1070332-5cbb27881db2d2ea.gif?imageMogr2/auto-orient/strip)
总结
点击此处下载licecap和PicGIF软件
天行健,君子以自强不息;地势坤,君子以厚德载物!