趁着工作不忙,就闲着倒腾自己的事情,把自己写的一个完整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图片的也可参考)的更多相关文章

  1. mac 下搭建 Android 开发环境

    因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,结合亲身体验,特此记录.也为有这方面需求的 ...

  2. mac下安装c++开发环境

    mac下安装c++开发环境 1 注册apple id 按照apple注册步骤注册apple id,我注册时遇到如下问题 apple store完成创建apple id步骤中,选择付款方式和账单地址后, ...

  3. Mac 下安装Phonegap开发环境

    Mac 下安装Phonegap开发环境 2014.09.11  星期四 评论 0 条    阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...

  4. 【开发软件】 在Mac下配置php开发环境:Apache+php+MySql

    本文地址 原文地址   本文提纲: 1. 启动Apache 2. 运行PHP 3. 配置Mysql 4. 使用PHPMyAdmin 5. 附录   有问题请先 看最后的附录   摘要: 系统OS X ...

  5. Mac下搭建php开发环境教程

    方案一:原生安装 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例,需要的朋友可以参考 ...

  6. mac 下基于firebreath 开发多浏览器支持的浏览器插件

    mac 下基于firebreath 开发多浏览器支持的浏览器插件 首先要区分什么是浏览器扩展和浏览器插件;插件可以像本地程序一样做的更多 一. 关于 firebreath http://www.fir ...

  7. 简单5步说清App软件在线开发、App制作多少钱?

    开发制作一款App,所有人都会首先关心开发一款App多少钱这个问题.从网上的信息来看,花费个几十万是很正常的事情,甚至有人说要花上百万才能制作出一款App.那么App软件的开发制作到底和什么有关?怎么 ...

  8. Sencha Touch 2 在MAC下详细的开发流程

    在不久的将来我相信Web App会流行的非常广, 能看到未来才能主宰未来.对于我们开发人员来说我觉得想成就一件伟大的事情,需要过硬的技术和好的想法,再加上决不放弃的精神,一定可以成功的. 以下在Mac ...

  9. Android开发学习之路--MAC下Android Studio开发环境搭建

    自从毕业开始到现在还没有系统地学习android应用的开发,之前一直都是做些底层的驱动,以及linux上的c开发.虽然写过几个简单的app,也对android4.0.3的源代码做过部分的分析,也算入门 ...

随机推荐

  1. hiho1099_constellation

    题目 一 个NxM(N, M <= 1000)的矩阵形成星空,矩阵中的点有两种字符,'#'代表星星,'.'代表空白,星空中的星星最多5000个:给出K(K<=20)个星图,每 个星图都是H ...

  2. Python核心编程-基础2

    open() 和 file() 函数会同时存在, 完成相同的功能.一般说来, 我们建议使用 open() 来读写文件, 在您想说明您在处理文件对象时使用 file() , 例如 if instance ...

  3. Linux 打包和压缩 方法详解

    一般基因组的数据都非常大,所以都会 打包 压缩 后进行传输,拿到数据后的第一步必然就是要 解包 和 解压缩. 基本常识 首先要弄清两个概念:打包 和 压缩. 打包 是指将一大堆文件或目录变成一个总的文 ...

  4. ogre入门笔记

    ogre作为一款开源的非商业渲染引擎, 除去效率不谈, 其设计结构十分优雅, 值得游戏从业者拥有和学习.本篇笔记基于ogre v1.9. 1.代码模块 ogre的核心代码分布如下图: ogreMain ...

  5. linux笔记:RPM软件包管理-rpm命令管理

    rpm包命名原则: rpm包的依赖性: 包名和包全名: rpm软件包安装.升级和卸载: rpm软件包查询: 从rpm包中提取指定文件:

  6. 【CodeVS 1014】装箱问题

    题目描述 有一个箱子容量为V(正整数,0<=V<=20000),同时有n个物品(0<n<=30),每个物品有一个体积(正整数). 要求n个物品中,任取若干个装入箱内,使箱子的剩 ...

  7. python 练习 6

    #!/usr/bin/python # -*- coding: utf-8 -*- from collections import deque from math import log10 def p ...

  8. 关于iOS7 设计师需要了解的十件事

    在今年的WWDC上,苹果推出了采用全新设计语言打造的iOS7.新系统弃用了诸如皮革.木质一类的伪3D拟真效果,取而代之的是更加简洁轻量的设计路线,其中文字排版成了重头戏,另外在某些方面也受到了扁平化设 ...

  9. Qt之保持GUI响应

    简述 Qter们经常遇到由于耗时操作造成GUI阻塞的问题.其实,这个问题并不难克服,可以采用许多不同的方式,下面我会列举一些可选范围,根据使用情况进行处理. 简述 执行耗时操作 手动事件处理 使用一个 ...

  10. JavaWeb基础: Tomcat

    Tomcat目录层次结构 Tomcat本质上是一个Java应用,要启动Tomcat服务需要安装JRE并配置JRE的Path,才能通过Tomcat_HOME/bin/startup脚本正常启动Tomca ...