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的源代码做过部分的分析,也算入门 ...
随机推荐
- phalcon:数据库分库,读写分离,负载均衡 系统方法执行顺序
phalcon:数据库分库,读写分离,负载均衡 系统方法执行顺序 用命名空间区分不同的数据库实例,对应代码结构上是不同的目录区分,在同一目录下基类负责初始化连接.连接来自初始化时注入的多个db服务 隐 ...
- Dorado7检验器失效原因分析
应用场景: AutoForm1使用包含A.B两个字段的DataType1. A字段不允许为空,并且B字段取值true时A字段需要重新输入,B取其它值时A值不需重新录入. 实现方法:A字段添加了非空检验 ...
- 原生js基础问题的一些备忘
1.在原生js里面 window.onload=function(){} 这个就相当于jquery中 $(document).ready(function(){}); 这样 2.getElemen ...
- JS获取页面元素并修改
//实现代码如下,非常简单<script> (function(){ var ele = document.getElementsByTagName("ul"); // ...
- MySQL学习笔记_1_MySQL数据库管理系统概述
1. MySQL架构 C/S: client / server架构 MySQL DBMS(Data Bank Management System): 数据库管理系统 客户端 <---> 服 ...
- Shell基础:Linux权限管理
Linux权限基本概念 查看系统(文件夹/文件)权限: ls -l =>d/- xxx xxx xxx. num owner group size date filename ...
- Ajax请求中带有IPv6地址后的百分号的问题
IPv6地址后的百分号: 对于连入网络但没有IPv6路由器或DHCPv6服务器的IPv6客户端,它们始终使用fe80::/64链路本地网络地址.如果运行Windows的计算机中有多个网络适配器连接到不 ...
- Roman to Integer [LeetCode]
Given a roman numeral, convert it to an integer. Input is guaranteed to be within the range from 1 t ...
- spring配置带参数的视图解析器:ParameterMethodNameResolver
1.配置处理器 <!-- 处理器 --> <bean id="myController" class="cn.cnsdhzzl.controller.M ...
- jQuery制作瀑布流(转)
“瀑布流布局”随着pinterest网的流行而出名,现在国内使用这种风格布局的网站也越来越多,比如说Mark之,蘑菇街,点点网,哇哦等等.我第一次听到这个布局名称是来自于“乔花写的<瀑布流布局浅 ...