添加关注

作者 千煌89 2014.12.01 15:02*

写了15254字，被615人关注，获得了801个喜欢

如何为iOS app制作gif

字数291 阅读4153 评论26 喜欢66

收藏文章 分享

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

QuickTime录屏步骤

---

• 新建屏幕录制
  

  
  

  QQ20141201-2.png

• 点击红点

  

  
  

  QQ20141201-3.png

• 截取屏幕需要录制部分，点击开始录制

  

  
  

  QQ20141201-4.png

QQ20141201-5.png

• 点击菜单栏处，停止录制
  

  
  

  QQ20141201-6.png

iPhone屏幕录制

---

• 新建影片录制
  

  
  

  Paste_Image.png
• 点击录制按钮旁边的向下箭头，选择iPhone

Paste_Image.png

• 剩下的步骤和上面一样

将视频转换为gif

---

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

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

  

  
  

  QQ20141201-7.png
  

  
  

  QQ20141201-8.png

• 用setstart , setend截取要转换的部分

QQ20141201-9.png

• 注意在gif properties里，把这个勾去掉，这样会比较清晰一点

  

  
  

  QQ20141201-10.png

• create gif

QQ20141201-11.png

大功告成，效果如下：

SZCalendarPicker.gif

推荐拓展阅读

著作权归作者所有

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！

￥ 打赏支持

喜欢

66

分享到微博 分享到微信

更多分享

喜欢的用户

• 
  八哥001 2016.05.05 15:44
• 
  再见远洋 2016.04.08 08:58
• 
  钟鼎斌 2016.04.06 07:53
• 
  ___as7 2016.04.03 19:02
• 
  LeeShen 2016.04.01 21:50
• 世心一万点 2016.03.14 15:32
• 
  softman123g 2016.03.08 18:57
• 
  lrxxhyf 2016.02.29 17:47
• 
  RamWire 2016.02.17 15:22
• 
  Tate_zwt 2016.01.23 09:39
• 
  x琉夏x 2016.01.19 10:47
• 
  爃少 2016.01.11 16:15
• 
  King木乃伊 2016.01.05 12:21
• 
  lovedrose 2016.01.05 09:50
• 
  ray24 2015.12.31 22:22

26条评论 （ 按时间正序· 按时间倒序· 按喜欢排序 ） 添加新评论

Typing

2 楼 · 2015.06.05 14:22

非常感谢，正是我所需要的。
另外请问下如何进行iPhone上的屏幕录制？
因为有的时候需要演示别的APP。

喜欢(0) 回复

千煌89

3 楼 · 2015.06.05 16:43

@Typing mac上我暂时没找到办法，我现在是用win上的itools 录屏大师录制mp4，然后转成gif的

喜欢(0) 回复

千煌89

4 楼 · 2015.06.05 16:48

@Typing 哦，我刚刚找到了办法，QuickTime录制影片，在录制按钮的旁边有个向下的箭头，可以选择iPhone的

喜欢(0) 回复

Typing

5 楼 · 2015.06.05 17:10

@千煌89 插拔了好几次，没有看到我的iPhone

喜欢(0) 回复

Typing

6 楼 · 2015.06.05 17:14

@千煌89 好吧，找到原因了，iPhone 4S 不支持，换上iPhone 5 就可以了。

喜欢(0) 回复

无赖正义丶

7 楼 · 2015.07.17 20:25

GIFBrewery 这个下载下来怎么需要输入密码访问?

喜欢(0) 回复

千煌89

8 楼 · 2015.07.17 20:39

@无赖正义丶 边上就写着密码的，www.macx.cn

喜欢(0) 回复

森淼灬

9 楼 · 2015.07.18 08:20

mark 感谢楼主

喜欢(0) 回复

葛伟Will

10 楼 · 2015.08.21 09:05

喜欢(0) 回复

efbf27ea50f8

12 楼 · 2015.08.22 07:44

不错，学习了

喜欢(0) 回复

summer朱光文

13 楼 · 2015.09.22 02:34

赞 唯一不足的是GIFBrewery 不能用 我在app store上随便搜了一个转得gif

喜欢(0) 回复

千煌89： @summer1991 为何不能用？是我给的下载资源不行么？

回复 2015.09.22 08:35

summer朱光文： @千煌89 资源有问题 一直要求输密码 不能安装

回复 2015.09.22 08:38

千煌89： @summer1991 密码我评论给了啊= =资源下面也直接写着密码的，不然我给个不能用的干嘛呀

回复 2015.09.22 09:31

还有 2 条评论， 展开查看 添加新回复

lovedrose

14 楼 · 2016.01.05 09:49

喜欢(0) 回复

lovedrose

15 楼 · 2016.01.05 09:50

好东西

喜欢(0) 回复

lovedrose

16 楼 · 2016.01.05 10:40

喜欢(0) 回复

lovedrose

17 楼 · 2016.01.05 10:41

create gif 了，然后怎么将它贴到简书呢（使用Markdown编辑文本的）？

喜欢(0) 回复

千煌89：

回复 2016.01.05 10:42

千煌89： @lovedrose 1.复制，粘贴 2.直接拖动图片到编辑框里

回复 2016.01.05 10:42

lovedrose： 都试过了，无果呢= =

回复 2016.01.05 10:43

还有 2 条评论， 展开查看 添加新回复

加载更多

登录后发表评论