Mac下为我们开发的App制作gif动画演示(不仅仅针对开发者,想做gif图片的也可参考)
趁着工作不忙,就闲着倒腾自己的事情,把自己写的一个完整App《丁丁印记》整理了一番,总结其中用到的技术和实现的功能,并想把一些用到的技术分享给各位工友们,因为我自学iOS开发得益于大家的分享。今天给各位朋友分享我的做得一个开花效果的按钮,刚刚把它打包分享到了GitHub了,欢迎有兴趣的朋友参考,地址:https://github.com/jakciehoo/HooFlowerButton。
不过我要写的这篇文章主要不是有关这个按钮的制作技术,而是我在打包到GitHub时,希望在README.md中加入演示动画——gif动态图片。我们多数iOS开发者都会经常因为一些曾经在windows下非常熟悉的东西,才Mac下却行不通,我今天就因为这个抑郁了,windows下itools可以轻而易举实现gif动画制作,但在Mac下却itool这个功能确是收费的,当我点击itools录屏时弹出付费按钮,我那复杂的心情工友们懂吗(可怜)。
还好,互联网世界让知识木有屏障,最好找到了一个解决办法,所以就总结出来分享给大家。
需要用到得工具:
1.Mac系统的PC一台
3.QuickTime Player自带软件
4.GifBrewery软件,下载地址:http://soft.macx.cn/5404.htm 解压密码:www.macx.cn
QuickTime Player录制视频的步骤
1.首先打开QuickTime.然后在菜单中选择File(文件)->(New Screen Record)新的屏幕录制。如图:

然后会弹出的窗口,如下图所示,我们可以点击录中间个那个可爱的小红点:

然后Mac会弹出一个提示,提示我们可以截取屏幕一定区域进行录屏或者全屏录屏:

单击表示全屏录制,拖动可以截取部分区域录制,如果选择错误您就按ESC退出再重新选择。
iOS工友们就可以选择我们的模拟区域进行截屏啦,非iOS开发的朋友就选择你感兴趣的部分截取录屏吧,作为iOS开发者我这里只能选择性的选择照顾我的工友们了(求原谅)。如图虚线区域就是我截取录屏的部分。

然后我们选择 Start Recording (开始录制)就可以录制我们的App操作过程了。
当我们操作App完成后就可以点击右上角这个按钮,结束录制

然后我们选择 Start Recording (开始录制)就可以录制我们的App操作过程了。
当我们操作App完成后就可以点击右上角这个按钮,结束录制

您可以播放看看,然后按command + S 保存我们的视频,记住你保存的目录哦。录屏工作到此结束。
开始利用CIFBrewery软件将视频转成gif图片
将我在前面提供的工具下载下来,输入解压密码,然后打开程序,会让我们选择视频文件

我们打开我们刚才录制好的视频即可,然后弹出编辑窗口

你可以编辑下你制作的视频,比如设置起始位置,或者设置结束位置,其他你自己研究,其他的我没动,只是设置了起始位置和结束位置,然后点击右上角的Create GIF(生成Gif)按钮。

然后就会弹出下图这个窗口:

看看你做得GIF效果,恭喜你,你得新技能已经Get了,你只需要点击Save(保存)按钮即可。如下图就是我制作的Gif.

右击它在safiri或者chrome或者其他工具上秀一秀你得新技能把。

终于把本教程弄完,多做一遍我也更清楚了思路。更希望对您制作Gif有帮助。
Mac下为我们开发的App制作gif动画演示(不仅仅针对开发者,想做gif图片的也可参考)的更多相关文章
- mac 下搭建 Android 开发环境
因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,结合亲身体验,特此记录.也为有这方面需求的 ...
- mac下安装c++开发环境
mac下安装c++开发环境 1 注册apple id 按照apple注册步骤注册apple id,我注册时遇到如下问题 apple store完成创建apple id步骤中,选择付款方式和账单地址后, ...
- Mac 下安装Phonegap开发环境
Mac 下安装Phonegap开发环境 2014.09.11 星期四 评论 0 条 阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...
- 【开发软件】 在Mac下配置php开发环境:Apache+php+MySql
本文地址 原文地址 本文提纲: 1. 启动Apache 2. 运行PHP 3. 配置Mysql 4. 使用PHPMyAdmin 5. 附录 有问题请先 看最后的附录 摘要: 系统OS X ...
- Mac下搭建php开发环境教程
方案一:原生安装 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例,需要的朋友可以参考 ...
- mac 下基于firebreath 开发多浏览器支持的浏览器插件
mac 下基于firebreath 开发多浏览器支持的浏览器插件 首先要区分什么是浏览器扩展和浏览器插件;插件可以像本地程序一样做的更多 一. 关于 firebreath http://www.fir ...
- 简单5步说清App软件在线开发、App制作多少钱?
开发制作一款App,所有人都会首先关心开发一款App多少钱这个问题.从网上的信息来看,花费个几十万是很正常的事情,甚至有人说要花上百万才能制作出一款App.那么App软件的开发制作到底和什么有关?怎么 ...
- Sencha Touch 2 在MAC下详细的开发流程
在不久的将来我相信Web App会流行的非常广, 能看到未来才能主宰未来.对于我们开发人员来说我觉得想成就一件伟大的事情,需要过硬的技术和好的想法,再加上决不放弃的精神,一定可以成功的. 以下在Mac ...
- Android开发学习之路--MAC下Android Studio开发环境搭建
自从毕业开始到现在还没有系统地学习android应用的开发,之前一直都是做些底层的驱动,以及linux上的c开发.虽然写过几个简单的app,也对android4.0.3的源代码做过部分的分析,也算入门 ...
随机推荐
- hiho1122_二分图匈牙利算法
题目 给定一个图的N个节点和节点之间的M条边,数据保证该图可以构成一个二分图.求该二分图最大匹配. 题目链接:二分图最大匹配 首先通过染色法,将图的N个节点分成两个部分:然后通过匈牙利算法求二 ...
- hiho_1290_demo_day
题目大意 一个MxN的矩阵,矩阵中的有些方格中有障碍物,有些没有,有一个机器人从左上角出发,它只能有两种移动方式:一直向右移动,直到遇到障碍物:一直向下移动,直到遇到障碍物. 现在可以将矩阵中 ...
- ListView 搭配SimpleAdapter
这是SimplerAdapter的构造函数 public SimpleAdapter(Context context, List<? extends Map<String, ?>&g ...
- Laravel多对多简析
首先生成两张数据表,一般要实现两张数据表之间的联系要建立第三张表,如下 数据表生成之后,生成一些测试数据,接下来就对表article_tag表进行操作 在模型文件中声明两张表之间的关系: 测试数据:
- 关于MySQL回滚机制
在事务中,每个正确的原子操作都会被顺序执行,直到遇到错误的原子操作,此时事务会将之前的操作进行回滚.回滚的意思是如果之前是插入操作,那么会执行删 除插入的记录,如果之前是update操作,也会执行up ...
- C#项目打包后安装的桌面快捷方式图标怎么设置成自己想要的图标
#项目打包后安装的桌面快捷方式图标怎么设置成自己想要的图标 2012-08-25 09:11匿名 | 浏览 3286 次 C#编程 C#项目用vs2005自带的工具打包后安装的桌面快捷方式图标怎么设 ...
- Django开发博客- 模型
django的模型就是用于在数据库中存储的某种类型的对象.在我们的博客系统中, 发表的文章就是一个模型,需要存储在数据库中. 这里我们使用django默认的sqlite3库,对于我们的这个小系统而言已 ...
- PLI与Pillow
PIL概念 XXXXX 注意 PIL不兼容setuptools. Pillow概念 Pillow(PIL fork)是用来处理raster图像的Python图像库,即像素数据的矩阵. 查阅PIL的 ...
- 如何查看IIS并发连接数【转】
转http://wangfeng5271.blog.163.com/blog/static/4817444420128242123740/ 如果要查看IIS连接数,最简单方便的方法是通过“网站统计”来 ...
- Uva---10881 Piotr's Ants(蚂蚁)
Problem DPiotr's AntsTime Limit: 2 seconds "One thing is for certain: there is no stopping them ...