我来告诉你，那些博客中的gif动态图是怎么弄的？
大家都知道，图片比单纯的文字给人的视觉冲击力更大，表达的内容也更直观易懂，经常在博客上看到动态的gif图，那这些gif动态图是怎么制作的呢，特别是Android移动开发者，写了一个demo，写博客时，想要把这个demo的实体画面展示给大家看，可是demo运行在手机上，怎么办呢，难道靠截屏显示静态图片吗？显然不是的，接下来我就教大家怎么把手机上运行的demo制作成gif图在博客中显示。
一、整体思路：
先用Android Studio进行屏幕录制，制作出视频，再用gifcam软件制作出gif动态图。
二、利用Android Studio进行屏幕录制
首先打开AS，连接上手机，打开你要录制的程序或者视频
打开AS的android monitor面版
点击箭头所示的图标会弹出如下界面
传输速率越大，制作的视频也越大，我做了一个小测试，相同的16S的视频，如果传输速率为2，制作的视频是700kb+，如果是4的话，视频的大小一下就飙升到2Mb+了，不过这不影响我们后面制作gif的大小，所以一切默认就好。点击start Recording，此时跳出如下界面：
说明正在录制，进度条会提示你已经录制了多少秒。最多录制三分钟，此时如果你要操作程序进行演示操作就可以开始了。操作完成或录制完成，点击stop Recording
选择文件夹存储，点击ok跳出如下界面说明录制完成了
三、利用gifcam软件制作出gif动态图
打开gifcam软件，可以看到，软件主体是透明的，表示录制的区域，相当于摄像头，处于这个区域中的东西，将被制作成gif；右侧是用来设置一些参数的，如图，点击Rec右侧的小箭头，fps是我们用这个软件要掌握的唯一一个知识点，fps代表每秒播放多少帧画面，值越大画面越流畅，当然，代价就是最终的gif图的大小也越大，而博客中的图片大小都有上限规定，所以我们在制作gif图的时候，要选取合适的fps值。点击图中的Customization，可以设置自己想要的fps值。
然后打开之前用Android Studio录制的视频，并把gifcam中间的透明区域通过拉伸对准想要制作的画面。
点击Rec按钮开始录制，再次点击停止录制，然后点击Save按钮保存，gif图制作完成，在保存的位置打开查看：
好了，从手机录屏到最终的gif动态图的制作，大家肯定学会了，赶紧去写个博客弄张gif动态图过过瘾吧。
我来告诉你，那些博客中的gif动态图是怎么弄的？相关推荐
- 视频转换GIF：一起学习下博客中的gif动态图是怎么弄的？？
写了三个多月的博客,帖子本来计划节前100篇的目标也没达到,还好1W+的访问量达到了,也算是初步有了小进步,今天开始提高压缩原来帖子质量的时候,老是感觉怪怪的,对比了一下,,发现自己的帖子没有图,只有 ...
- 如何在CSDN博客中加入GIF动图
快速导航 下载GifGam 如何使用GifGam 前言: 可能很多人看到别人的博客都有动态的效果展示图,今天分享一个个人感觉特别好用的一个工具!非常小只有1.6MB,GifGam这个小工具 下载Gif ...
- 知识就是力量：博客中实现个人微信免签收款，让知识产生价值
源起: 写文章/博客除了记录一些容易忘记的知识以外,也会有一些创造.创意,一些个人的经验积累和心血.希望获得读者的认同和赞赏,或者是付费阅读. 前段时间就自己建立了一个静态博客,用的Hugo(我翻译叫 ...
- 嵌入到博客中的小动画
abowman是个很有意思的小动画网站,而且网站还提供了可以把小动画嵌入到博客中的代码. 以下1~9动画来自abowman,10为人体时钟(hone hone clock).直接把下面代码粘贴过去,添 ...
- 在博客中加入“花絮”效果
在博客中加入Snap Shots Snap Shots表示"花絮"的意思,在博客中可以使用Snap Shots来添加"花絮"效果. 先演示一遍效果,看是否能用: ...
- 如何将视频网站中的视频插入到博客中
如何将视频网站中的视频插入到博客中 拿优酷网的视频(http://v.youku.com/v_show/id_XMjA2NTA3NzY0.html)为例,操作方法如下: 1.找到该视频下方的分享按钮, ...
- 如何在自己的博客中搜索
问题的提出:我曾经总结了一个知识点,但是不记得是哪篇博文了.我需要在我的所有博文中搜索某个关键词. 解决方法:使用搜索引擎的site语法.site表示在指定的域名或网站内搜索. 示例:搜索包含&quo ...
- 如何在新浪博客中添加JavaScript代码
新浪博客中不能包含JavaScript代码和IFrame的代码.如果要在博客中加入像Google的广告之类的JavaScript代码,一般的方法是不行的. 今天试了一上午,搞定了. 原理:将JavaS ...
- 【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
最新文章
- Java与JS代码调试技巧
- 第一部分：基础知识（第一章）屏幕部分续
- 了解哪些c++11特性？
- Linux汇编语法开发
- c++问题，EOF eofbit eof() 请问他们的区别是什么？
- python系统目录_Python创建系统目录的方法
- C++ STL学习笔记
- 编程语言五花八门，哪种可以让程序员赚到更多钱？
- JSP+Servlet+C3P0+Mysql实现的azhuo商城
- 协方差矩阵的详细说明
- docker-compose教程（安装，使用, 快速入门）
- 新年新气象，从SQL Server 2019新特性开始！
- Spring Boot学习总结（26）—— Spring Boot 容器启动详解
- [转]window.location方法获取URL及window.location.assign(url)和replace(url)区别
- 酒店计算机管理系统维护合同,酒店计算机管理系统维护合同协议书范本.pdf
- 秒 毫秒 微秒 纳秒 皮秒。。。时间单位换算
- 华为笔试题库之较难--难度
- 指针真的是个小机灵--将字符串中的n个字符左移，串中的前n个字符移到最后
- 智能电话机器人介绍（AI语音机器人）
- 国外有什么好的网站推荐？