mac下为iOS app制作gif展示动画图

简介

一般来说我们做一个demo,希望能够把效果展示给别人看,但是静态的截图并不能展示一些动画效果,所以一般来说制作成gif动图会利于展示,本文就讲述制作gif的全过程。这个过程中我们需要用到两个软件,一个是mac自带的QuickTime,另一个是一个好用的转换成gif的软件GIFBrewery,在App Store上是收费的,可以点击这里下载。

### QuickTime录制

  • 我们在Launchpad中找到QuickTime Player打开。

    mac下为iOS app制作gif展示动画图_第1张图片
    image
  • 选择文件–>新建屏幕录制

    mac下为iOS app制作gif展示动画图_第2张图片
    image
  • 这时候会出现这个小录制工具,点击中间的红点就可以开始截取需要录制的部分屏幕。

    mac下为iOS app制作gif展示动画图_第3张图片
    image
    mac下为iOS app制作gif展示动画图_第4张图片
    image
  • 截取完后点击开始录制就可以录制了

    mac下为iOS app制作gif展示动画图_第5张图片
    image
  • 点击右上角的标记停止录制

    image

录制iPhone屏幕

  • 上面说的是录制模拟器的界面,如果要录制真机的,也是用QuickTime,在录制工具的红点边上下拉选择手机即可,其余步骤与上述一样。

    mac下为iOS app制作gif展示动画图_第6张图片
    image

录制视频转为gif

QuickTime录制的是视频文件,不是gif,要获取gif动图我们还需要上面提到的GIFBrewery,点击这里下载。

  • 打开它,选择我们刚才录制的视频文件打开

  • 拖动进度条选择底部的set Start和set End来设置gif的开始和结束位置。

    mac下为iOS app制作gif展示动画图_第7张图片
    image
  • 选择GIF Properties,将Custom Frame Count and Delay的勾选去掉,这样会清晰一点。

    mac下为iOS app制作gif展示动画图_第8张图片
    image
  • 点击右上角的Create GIF来生成gif文件,大功告成。效果如下。

    mac下为iOS app制作gif展示动画图_第9张图片
    image

查看作者首页

你可能感兴趣的:(mac下为iOS app制作gif展示动画图)