现在写博客或是wiki的过程中,会经常引用到图片,特别是客户端经常与页面相关所以截图不可避。但是越来越多的效果仅仅一张图片是无法清楚的描述。并且博客或是wiki也是支持gif图的。gif图的制作方法有很多,但是大多都有些麻烦不怎么可行,在这我就分享下我制作gif图的工具和过程,希望对大家有用。

首先是要用到这样一个软件

图标比较简陋,但是功能非常强大而且便捷。这里提供一个下载地址:

http://pan.baidu.com/s/1qW6y652

这是直接把一个app打的压缩包,下载后不用安装,只需要解压,然后把得到的app拖到应用程序里就可以使用了。

使用步骤:

如果你不是在董铂然博客园看到本文请点击查看原文

1.打开之后界面是一个框

左边的是FPS是设置帧数,一般都是8或15,看的就比较清楚不怎么卡帧了,如果设置的多一些比如30,会更流畅但是相应的图片的容量会比较大。

2.第二步就是把这个框拖到你需要录制动图的地方,比如想给iOS的模拟器录制动图,就用框把模拟器罩住。

3.然后是点击record按钮,这个软件和大多数人得使用习惯可能不一样,不是录完之后再选择保存地点,而是先选择保存地址再开始录制。

如图

4.点击了保存之后,这个框会取消前置状态,就是你可以点击框里面的按钮等交互了

会在左下角倒计时3秒中让你准备 三秒钟之后 开始录制,通过右边GIF 0:00 可以看到已经录制了多长时间。

5.效果都已经录进去了 点击右下角的stop就可以直接保存了。 然后就可以去保存地址查看了。(董铂然)

补充:

因为现在大多数电脑都是retina屏幕 录完之后可能发现尺寸录得比较大,导致图片的容量也大,这时候可以使用苹果电脑自带的软件,缩小。

双击用系统默认的软件打开 ---->然后在左边把ctrl+A 全选所有帧------>然后点击工具 调整大小

下面的原为35.2M 算的不准 可以忽视。 你可以按比例缩小, 会让整个git图的尺寸缩小并且容量也缩小非常实用。

附上一张动图给你感觉一下

PS:这个灌水效果正在做做好会发布,想要这个灌水效果源码的可以关注我。

如果你不是在董铂然博客园看到本文请点击查看原文, 转载请注明出处。

http://www.cnblogs.com/dsxniubility/p/4527524.html

gif动图快速制作方法(附工具)(转)的更多相关文章

  1. gif动图快速制作方法(附工具)

    现在写博客或是wiki的过程中,会经常引用到图片,特别是客户端经常与页面相关所以截图不可避.但是越来越多的效果仅仅一张图片是无法清楚的描述.并且博客或是wiki也是支持gif图的.gif图的制作方法有 ...

  2. IOS 中openGL使用(使用基准图快速制作滤镜)

    Color Lookup Table 在影像处理领域中,当我们想要调整一个影像的色彩时,经常会用到 Color Lookup Table 的技术. 举个简单的例子,如果我们想要让影像中的每个像素的R值 ...

  3. 帝国cms无法注册登录快速解决方法 附路径

    帝国cms安装相对比较简单,一路next,一般从网上下载的系统都会带一些数据,恢复备份数据后,清除缓存,更新数据,一个copy版的网站就出来了.但是为了se的友好需要改动很多地方,不然很容易被认为是s ...

  4. ps怎么修改gif动图播放速度

    ps怎么修改gif动图播放速度 摘自:https://jingyan.baidu.com/article/7e44095302bbdc2fc0e2efad.html photoshop功能很强大,不仅 ...

  5. 网站地图怎么做?dedecms网站地图制作方法听语音

    网站地图怎么生成?下面分享织梦dedecms系统网站地图的生成方式,怎么制作网站地图,方法很简单.下面介绍一下网站地图优化方法及制作方法. 工具/原料 一个网站 方法/步骤 第一步 登录网站后台 第二 ...

  6. iSkysoft iMedia Converter Deluxe Mac如何制作视频?视频格式转换工具制作动图的方法

    使用iSkysoft iMedia Converter Deluxe Mac如何制作视频?使用视频格式转换工具,你可以轻松进行动图或视频的制作,也可以把你喜欢的视频的某一段提取出来,制作成你自己风格的 ...

  7. 教你快速录制gif动图

    我们经常会遇到一些场景,需要你向别人展示一些操作或是效果——例如告诉别人某某软件的配置步骤啊.刚设计出来网站的动画效果怎么样啊.某某电影里面的一个镜头多么经典啊.打得大快人心的NBA绝杀瞬间是怎么回事 ...

  8. 基于点云的3ds Max快速精细三维建模方法及系统的制作方法 插件开发

                                 基于点云的3ds Max快速精细三维建模方法及系统的制作方法[技术领域][0001]本发明涉及数字城市三维建模领域,尤其涉及一种基于点云的3d ...

  9. Vue过渡和动画效果展示(案例、GIF动图演示、附源码)

    前言 本篇随笔主要写了Vue过渡和动画基础.多个元素过渡和多个组件过渡,以及列表过渡的动画效果展示.详细案例分析.GIF动图演示.附源码地址获取. 作为自己对Vue过渡和动画效果知识的总结与笔记. 因 ...

随机推荐

  1. 关于window.history.back()后退问题

    Windows下的window.history.back()后退后返回的不仅仅是前一个页而是前一个页的状态.假设一个页我改动了3次那必须后退3次才干回到前一个页.并且数据库中删除的数据依旧显示在上面感 ...

  2. C++环形矩阵填充实现

    #include<iostream> #include<iomanip> #include<cstdlib> #include<ctime> #incl ...

  3. hello MemSQL 入门安装演示样例

    一,介绍 MemSQL号称世界上最快的分布式关系型数据库,兼容mysql但快30倍,能实现每秒150万次事务.原理是仅用内存并将SQL预编译为C++. 二,部署 官网下载地址:http://www.m ...

  4. python语言学习1——初识python

    Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间,为了打发无聊的圣诞节而编写的一个编程语言. 龟叔给Python的定位是“优雅”.“明确”.“简单”,所以Python ...

  5. Android 布局之LinearLayout 子控件weight权重的作用详析(转)

    关于Android开发中的LinearLayout子控件权重android:layout_weigh参数的作用,网上关于其用法有两种截然相反说法: 说法一:值越大,重要性越高,所占用的空间越大: 说法 ...

  6. selenium + firefox/chrome/phantomjs登陆之模拟点击

    登陆之模拟点击 工具:python/java + selenium + firefox/chrome/phantomjs (1)windows开发环境搭建 默认已经安装好了firefox 安装pip ...

  7. 全然符合package.json在CommonJS中的规范

    众所周知,package.json是CommonJS规定的用来描写叙述包的文件,全然符合规范的package.json文件应该含有一下字段. name:包的名称,必须是唯一的.由小写英文字母.数字和下 ...

  8. Mac中如何写NTFS的移动硬盘

    Mac中如何写NTFS的移动硬盘 按 照网上的说法,简单的就是购买Paragon NTFS或者Tuxera NTFS之类的收费软件,不想花钱的就用NTFS-3G.作为一个开发人员,既然能够自己解决,当 ...

  9. 网络编程——XML与JSON

    概述 如上篇博客点击打开链接介绍.互联网公司发布Web服务,于是开发者们就可以将其用到自己的应用中.Web服务的工作方式类似于浏览器,输入请求,按下回车,等待远程计算机响应.当响应返回时,浏览器会使用 ...

  10. codefroce D. Powerful array[初识块状数组]

    codefroce D. Powerful array[初识块状数组] 由于是初始所以,仅仅能先用别人的分析.囧... 题目: 给定一个数列:A1, A2,--,An,定义Ks为区间(l,r)中s出现 ...