如何为iOS app制作gif
2015-12-30 20:35
387 查看
今天做了个demo,想把效果做成个gif演示给大家看,据说itools有录屏大师,找了半天原来只有win版,心塞。直接在iPhone上录制屏幕的不越狱理论上也不可能,于是我将app转到模拟器上,寻找mac上的录屏,很巧的是mac自带的QuickTime就能胜任。
新建屏幕录制
QQ20141201-2.png
点击红点
QQ20141201-3.png
截取屏幕需要录制部分,点击开始录制
QQ20141201-4.png
QQ20141201-5.png
点击菜单栏处,停止录制
QQ20141201-6.png
新建影片录制
Paste_Image.png
点击录制按钮旁边的向下箭头,选择iPhone
Paste_Image.png
剩下的步骤和上面一样
这个就简单了,这里推荐一款软件,GIFBrewery,下载地址猛戳这里
打开GIFBrewery,选择一个视频文件打开
QQ20141201-7.png
QQ20141201-8.png
用setstart , setend截取要转换的部分
QQ20141201-9.png
注意在gif properties里,把这个勾去掉,这样会比较清晰一点
QQ20141201-10.png
create gif
QQ20141201-11.png
大功告成,效果如下:
SZCalendarPicker.gif
QuickTime录屏步骤
新建屏幕录制QQ20141201-2.png
点击红点
QQ20141201-3.png
截取屏幕需要录制部分,点击开始录制
QQ20141201-4.png
QQ20141201-5.png
点击菜单栏处,停止录制
QQ20141201-6.png
iPhone屏幕录制
新建影片录制Paste_Image.png
点击录制按钮旁边的向下箭头,选择iPhone
Paste_Image.png
剩下的步骤和上面一样
将视频转换为gif
这个就简单了,这里推荐一款软件,GIFBrewery,下载地址猛戳这里打开GIFBrewery,选择一个视频文件打开
QQ20141201-7.png
QQ20141201-8.png
用setstart , setend截取要转换的部分
QQ20141201-9.png
注意在gif properties里,把这个勾去掉,这样会比较清晰一点
QQ20141201-10.png
create gif
QQ20141201-11.png
大功告成,效果如下:
SZCalendarPicker.gif
相关文章推荐
- 【android学习1】:安装MySQL启动服务失败解决方法
- unity3d摄像机跟随物体
- Unity3D研究院之IOS全自动编辑framework、plist、oc代码(六十七)
- Unity中数据序列化
- Android Toast防止重复显示的方法
- Android 滑动页面的实现,ViewPager使用详解
- 阿里无线11.11:手机淘宝移动端接入网关基础架构演进之路
- stringByAppending 各种方法使用...
- iOS开发上传头像
- android阅读器里的 txt 文本处理分页功能的实现:
- IAP - 3
- Android 启动 Activity和一键退出应用的的最佳方法
- Swift实现的iOS常用手势识别Demo
- app annie
- objective-C语言_浅谈description方法
- android RecyclerView
- Android Support Design Library之NavigationView
- android:clipToPadding和android:clipChildren
- Android学习之多线程编程(handler篇)
- Swift基础一