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

简介

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

### QuickTime录制

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

    image
  • 选择文件–>新建屏幕录制

    image
  • 这时候会出现这个小录制工具,点击中间的红点就可以开始截取需要录制的部分屏幕。

    image
    image
  • 截取完后点击开始录制就可以录制了

    image
  • 点击右上角的标记停止录制

    image

录制iPhone屏幕

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

    image

录制视频转为gif

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

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

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

    image
  • 选择GIF Properties,将Custom Frame Count and Delay的勾选去掉,这样会清晰一点。

    image
  • 点击右上角的Create GIF来生成gif文件,大功告成。效果如下。

    image

查看作者首页

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 趁着工作不忙,就闲着倒腾自己的事情,把自己写的一个完整Demo整理了一番,总结其中用到的技术和实现的功能,并想把一...
    lucifrom_long阅读 5,124评论 1 10
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,261评论 25 709
  • 5、报团去玩,在导游MM的带动下,车上大老爷们轻松愉快!席间,导游自我介绍,大家叫我小王就行! 团里有个日本人好奇...
    行天下旅行咨询师小杜阅读 903评论 0 0
  • 一岁的桐桐: 事先声明,这是你二姨我的真情流露,废话太多,如果看的烦了,你就扔了,顺便告诉我一声骂我一句神经病我...
    董呲董呲董呲嗒呲阅读 2,383评论 0 2
  • 我的天空没有太阳,总是黑夜,但并不暗,因为有东西代替了太阳。虽然没有太阳那么明亮,但对我来说已经足够。凭借这份...
    活着1111阅读 760评论 0 0