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

简介

一般来说我们做一个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文件，大功告成。效果如下。

mac下为iOS app制作gif展示动画图相关推荐

Mac 上的 iOS App 可用性（IOS APP availability on Mac）
最近进入到 develop.apple.com 网站的小伙伴, 都会看到一个让开发主账号同意协议的通知: 随后登录了主账号,同意了这个通知.再切换会后正常账号后,有这样的提示: iPhone and ...
mac html制作,Mac下强大的网页制作软件
之前,小子已经发过了Mac下强大的网页制作软件:Coda及Coda 2.有了它,你就可以轻松的在Mac下编写代码,同时可以实时预览. 今天,小子要分享的是最新版的Coda 2,版本号为V2.0.9,在 ...
Appium搭建MacOS环境下的iOS App自动化测试环境（Windows搭个MacOS虚拟机就行，亦无须iPhone）
前言经过上篇文章<Windows上Appium自动化测试Android应用>的介绍,我们已经学习App自动化测试的基本知识,接下来我们来学习如何对iOS进行基于Appium的自动化测试. ...
【转】Xcode7.1环境下上架iOS App到AppStore 流程 -- 不错！！
原文网址:http://www.jianshu.com/p/a8bd16be122f 1.官网地址 Apple Developer 地址: https://developer.apple.com/me ...
Xcode7.1环境下上架iOS App到AppStore 流程 (2)
前言部分 part二部分主要讲解 iOS App IDs 的创建.概要文件的配置.以及概要文件安装的过程. 一.iOS App IDs 的创建 1)进入如图1所示界面点击右上角箭头所指的加号进入iO ...
【转】Xcode7.1环境下上架iOS App到AppStore 流程 (Part 二)
原文网址:http://www.cnblogs.com/ChinaKingKong/p/4964549.html 前言部分 part二部分主要讲解 iOS App IDs 的创建.概要文件的配置.以及 ...
ios APP 制作流程
一 .下载os10.9 镜像文件及mac补丁下载镜像文件https://pan.baidu.com/s/1EpxJC (cdr或dmg格式的文件都可以) 下载补丁自查网上很多(要与VWmare版 ...
Mac下搭建手机APP开发环境(HBuilder X ,HTML5plus Runtime,MUI,springboot)
本文介绍Mac安装开发环境不包括创建springboot等代码相关,只涉及软件安装以及搭建APP测试环境(hbuilder连接nox). 第一步:下载夜神手机模拟器 :http://www.pc6. ...
IOS APP 制作二维码下载
1.制作plist文件 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBL ...

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

简介

QuickTime录制

录制iPhone屏幕

录制视频转为gif

mac下为iOS app制作gif展示动画图相关推荐

最新文章

热门文章