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的源代码做过部分的分析,也算入门 ...
随机推荐
- VB6.0调用DLL
目录 第1章 VB6.0调用DLL 1 1 VC++编写DLL 1 1.1 使用__stdcall 1 1.2 使用 .DEF 文件 1 2 简单数据类型 2 2.1 传 ...
- Unity3D在Windows的全屏和跨屏(双屏)方案
方案1 unity中2个摄像机场景显示在两个显示器屏幕上(一个窗口跨屏) 1.设置场景中的两个摄像机 摄像机1 摄像机2 2.设置发布的平台及分辨率 3.全屏运行游戏,没有标题栏还可以通过-popup ...
- 八大排序算法的 Python 实现
转载: 八大排序算法的 Python 实现 本文用Python实现了插入排序.希尔排序.冒泡排序.快速排序.直接选择排序.堆排序.归并排序.基数排序. 1.插入排序 描述 插入排序的基本操作就是将一个 ...
- 【CITE】DrawImage方法详解(转)
Image和Bitmap类概述 GDI+的Image类封装了对BMP.GIF.JPEG.PNG.TIFF.WMF(Windows元文件)和EMF(增强WMF)图像文件的调入.格式转换以及简单处理的功能 ...
- 【CITE】C# 如何 实现一个窗体和另一个窗体始终保持相对的位置
C# 如何 实现一个窗体和另一个窗体始终保持相对的位置,任由一个窗体移动,当点击按钮时,弹出的另一个窗体也与之保持相对位置(如左上角)你根据第一个窗体的location去算第二个窗体的location ...
- 5.4.2 使用配置启动firefox
1.使用firefox的本地配置加载浏览器 使用本地配置加载浏览器,代码如下. 这样运行后,可以看到firebug等插件都已启动. 练习:假设做性能测试时,需要获取某个状况下的页面网络运行参数.要求完 ...
- Vim学习指南
你想尽可能快地自学vim(为大家所熟知的最好的编辑器) .这是我学习的方法:从细处入手然后慢慢掌握所有技巧. Vim 六十亿美元的编辑器 设计优良,强壮,快速. 学习vim并把它作为你的下一个文本编辑 ...
- VirtualBox – Error In supR3HardenedWinReSpawn 问题解决办法
转:http://chenpeng.info/html/3510---------VirtualBox – Error In supR3HardenedWinReSpawn---------<h ...
- hdu----(5050)Divided Land(二进制求最大公约数)
Divided Land Time Limit: 8000/4000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Tota ...
- 张艾迪(创始人):拥抱单身与自由的Eidyzhang
拥抱单身与自由(Single+Freedom) 拥抱伟大的梦想与理想.年轻一代的张扬与自信 拥抱AOOOiA.Global.224C的一切是我对这个世界的态度 +AOOOiA.Global.224C创 ...