码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-04-29 18:25:41      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

简介

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

QuickTime录制

  • 我们在Launchpad中找到QuickTime Player打开。
    技术分享

  • 选择文件–>新建屏幕录制
    技术分享

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

  • 截取完后点击开始录制就可以录制了
    技术分享

  • 点击右上角的标记停止录制
    技术分享

录制iPhone屏幕

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

录制视频转为gif

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

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

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

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

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

版权所有:http://blog.csdn.net/cloudox_

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

标签:

原文地址:http://blog.csdn.net/cloudox_/article/details/51243815

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!