如何为iOS app制作gif

作者: 千煌89 | 来源:发表于2014-12-01 15:02 被阅读10550次

今天做了个demo,想把效果做成个gif演示给大家看,据说itools有录屏大师,找了半天原来只有win版,心塞。直接在iPhone上录制屏幕的不越狱理论上也不可能,于是我将app转到模拟器上,寻找mac上的录屏,很巧的是mac自带的QuickTime就能胜任。

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

相关文章

网友评论

  • 金银岛:庆幸 iOS 11已经添加了录屏功能了!!!:blush:
  • 梧雨北辰:请问如果是连接真机录制,是否有办法显示触控位置?
  • 好奇的蝈蝈:分享一个工具:LICEcap
  • 我想走走:为什么。。好伤心
  • 我想走走:我将视频用GFBrw打开视频是白色的不显示是什么原因。。
  • 南百城:是不是制作出来的 gif 播放速度要比原始视频快很多?
    南百城:@千煌89 恩,多谢
    千煌89:@高辉55555 帧数什么的要调
  • _zuyu:密码在哪..... :fearful:
  • 大墙66370:谢谢 :clap:
  • CoderLWG:非常感谢楼主,学习了
  • 60d41f8d0c2e:iPhone5S 越狱的 7.2系统 连接 QuickTime没有识别...
  • lovedrose:create gif 了,然后怎么将它贴到简书呢(使用Markdown编辑文本的)?
    lovedrose:都试过了,无果呢= =
    千煌89:@lovedrose 1.复制,粘贴 2.直接拖动图片到编辑框里
  • lovedrose:好东西
  • summer朱光文:赞 唯一不足的是GIFBrewery 不能用 我在app store上随便搜了一个转得gif
    千煌89:@summer1991 密码我评论给了啊= =资源下面也直接写着密码的,不然我给个不能用的干嘛呀
    summer朱光文:@千煌89 资源有问题 一直要求输密码 不能安装
    千煌89:@summer1991 为何不能用?是我给的下载资源不行么?
  • efbf27ea50f8:不错,学习了
  • a2b5324d2340:mark 感谢楼主
  • 千煌89:@无赖正义丶 边上就写着密码的,www.macx.cn
  • 无赖正义丶:GIFBrewery 这个下载下来怎么需要输入密码访问?
  • Typing:@千煌89 好吧,找到原因了,iPhone 4S 不支持,换上iPhone 5 就可以了。
  • Typing:@千煌89 插拔了好几次,没有看到我的iPhone
  • 千煌89:@Typing 哦,我刚刚找到了办法,QuickTime录制影片,在录制按钮的旁边有个向下的箭头,可以选择iPhone的
  • 千煌89:@Typing mac上我暂时没找到办法,我现在是用win上的itools 录屏大师录制mp4,然后转成gif的
  • Typing:非常感谢,正是我所需要的。
    另外请问下如何进行iPhone上的屏幕录制?
    因为有的时候需要演示别的APP。

本文标题:如何为iOS app制作gif

本文链接:https://www.haomeiwen.com/subject/wrsgtttx.html