如何为iOS app制作gif

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

QuickTime录屏步骤


  • 新建屏幕录制


    如何为iOS app制作gif_第1张图片
    QQ20141201-2.png
  • 点击红点


    如何为iOS app制作gif_第2张图片
    QQ20141201-3.png
  • 截取屏幕需要录制部分,点击开始录制


    如何为iOS app制作gif_第3张图片
    QQ20141201-4.png
如何为iOS app制作gif_第4张图片
QQ20141201-5.png
  • 点击菜单栏处,停止录制


    如何为iOS app制作gif_第5张图片
    QQ20141201-6.png

iPhone屏幕录制


  • 新建影片录制


    如何为iOS app制作gif_第6张图片
    Paste_Image.png
  • 点击录制按钮旁边的向下箭头,选择iPhone
如何为iOS app制作gif_第7张图片
Paste_Image.png
  • 剩下的步骤和上面一样

将视频转换为gif


这个就简单了,这里推荐一款软件,GIFBrewery,下载地址猛戳这里

  • 打开GIFBrewery,选择一个视频文件打开


    如何为iOS app制作gif_第8张图片
    QQ20141201-7.png

    如何为iOS app制作gif_第9张图片
    QQ20141201-8.png
  • 用setstart , setend截取要转换的部分

如何为iOS app制作gif_第10张图片
QQ20141201-9.png
  • 注意在gif properties里,把这个勾去掉,这样会比较清晰一点


    如何为iOS app制作gif_第11张图片
    QQ20141201-10.png
  • create gif

如何为iOS app制作gif_第12张图片
QQ20141201-11.png

大功告成,效果如下:

如何为iOS app制作gif_第13张图片
SZCalendarPicker.gif

你可能感兴趣的:(如何为iOS app制作gif)