我们在网上浏览别人的博客时,经常可以看到以gif动态图显示的程序效果演示和代码段,那么如何录制gif动态图片并在CSDN中插入动态图片呢?
       下面介绍一种简单的方法,了解之后,你也可以将其应用在自己的博客中,以动态图的方式展示程序运行结果,当我们想要在程序中更加清晰的演示自己写的代码的运行结果时,再也不用用好几张图片来展示以达到自己期望的效果。我们可以采用一种高端大气的方式——以动态图片的形式展示。

下面是详细步骤:

Ⅰ )下载LICEcap软件。

点我下载LICEcap软件

Ⅱ)下载后安装LICEcap。

安装后图标如下图。

Ⅲ)双击运行软件

桌面会出现一个如图所示的透明框。

弹出的框为透明框,框中的图片是我电脑的桌面背景。
我们可以通过左下角的size值调整录制的窗口大小,也可以托拽边缘来调节录制框的大小。

Ⅳ)下面演示如何录制gif图片

①将录制框托到要录制的界面,调教录制框的大小。
       ②点击Record进行录制。点击后会弹出设置保存图片的位置和文件名等设置信息,如下图:

        ③点击保存后即开始录制屏幕,在录制过程中可通过stop停止录制。
       ④录制完成后点击stop即停止录制,并将刚刚录制的gif动态图保存到自定义的位置。

Ⅴ)在CSDN博客中插入动态图

在博客中插入动态图的方法和插入图片的方法是相同的,在博客编辑栏的上面点击图片,然后选择要插入的图片,点击打开->上传->确认(MarkDown编辑器)。这时我们就将刚刚录制的gif动态图插入到我们的博客中了。如下图所示:

如何录制gif动态图片并在CSDN中插入动态图片相关推荐

  1. ypora中的图片传入到CSDN中显示错误

    ypora中的图片传入到CSDN中显示错误 文章目录 ypora中的图片传入到CSDN中显示错误 一.需要购买阿里云OSS 1.首先需要进入阿里云官网购买,如下图 二.需要安装PinGo 1.百度搜索 ...

  2. 如何在CSDN中插入动图gif

    如何在CSDN中插入动图gif (1)方法一:在线制作多图合成gif动画 在线制作gif动画链接 ①选择需要制作gif动画的图片将其添加 ②调整时间间隔,图片宽高等设置 ③一键生成gif将其下载到本地 ...

  3. R语言ggplot2可视化使用ggplot2包patchwork包在可视化结果(右上角)中插入logo图片

    R语言ggplot2可视化使用ggplot2包patchwork包在可视化结果(右上角)中插入logo图片 目录

  4. word文档html图片不能移动,win7系统Word中插入的图片不能移动的解决方法

    很多小伙伴都遇到过win7系统Word中插入的图片不能移动的困惑吧,一些朋友看过网上零散的win7系统Word中插入的图片不能移动的处理方法,并没有完完全全明白win7系统Word中插入的图片不能移动 ...

  5. 让word中插入的图片不失真,图像保持原清晰度

    让word中插入的图片不失真,图像保持原清晰度 如图选择即可 可能的缺点就是word文件会变得更大,在保存和压缩会适当变慢. 但是我觉得有时候还是很有必要让图片变得清晰的.

  6. 【Latex】【插入图片】如何在latex中插入并列图片

    [Latex][插入图片]如何在latex中插入并列图片 实验分析部分需要将多个图片并列展示,今天看了网友的一些提示,写出了两种并列展示图片的方法: 每个图片都有一个标题 多个图片共用一个标题,每个图 ...

  7. 在MarkDown中插入本地图片

    在MarkDown中插入本地图片 用法: ![图片描述](图片网络地址) ![图片描述](本地图片相对路径) 注意: 插入本地图片的时候一定是相对路径 例如: ![项目布局](./Pictures/1 ...

  8. NGUI聊天信息中插入动态表情

    聊天系统中难免需要加入动态表情来增加表现力,而使用NGUI中自带的表情系统有些局限:一是只能使用静态表情,二是需要制作字体图集,不能使用动态图集.所以需要另外寻找方法实现聊天文字中插入动态表情的效果. ...

  9. 怎样在word中插入动态的gif图

    怎样在word中插入动态的gif图_百度知道

最新文章

  1. 福利 | 放送AI华人库试用名额!专项代码找到领域专家
  2. c++ 判断数学表达式有效性_C运算符和表达式、if判断、switch与逻辑运算、循环语句...
  3. 度量学习_使用Dropwizard度量标准监视和测量无功应用
  4. Relative path in absolute URI: ${system:java.io.tmpdir%7D/$%7Bsystem:user.name%7D
  5. ShellCode入门(提取ShellCode)
  6. apicloud使用指南
  7. 【hihocoder - offer编程练习赛60 B】最大顺子(双指针,思维)
  8. 好玩小游戏来啦,免费拿走,一个赞一个关注就够啦
  9. 失败 php_PHP+Mysql 实现数据库增删改查
  10. linux软件中心无法安eclipse,Ubuntu软件中心安装Eclipse无法启动的问题
  11. angular --开发环境搭建及项目创建
  12. 网络安全行业全景图(2019年1月)
  13. 微信怎样设置聊天显示的字体大小?简单技巧!微信如何调整字体的大小?
  14. 科研第二步:远程在服务器上跑程序jupyter使用
  15. 2026年物联网将为运营商带来高收入
  16. Vue中$refs 使用详解
  17. 逻辑回归——乳腺癌分类
  18. 微信小程序中绘制图表 (AntV F2 的使用)
  19. [B站视频]Python爬虫技术5天速成
  20. Unity3D镜头眩光组件Lens Flare

热门文章

  1. IDEA 超全优化设置
  2. ESP8266 Deep-Sleep 模式下的唤醒方式
  3. 软件测试这个职业可以做到多大年纪,软件测试能干到多少岁
  4. 安全组五元组规则介绍
  5. 【数据结构】空间复杂度
  6. 现在计算机最快的几核,电脑几核是什么意思 核心越多电脑运行速度越快?
  7. OPENSSL证书制作与浏览器认证
  8. MyCnCart 专业版与社区免费版的功能区别
  9. My batis动态SQL
  10. 详解 K8S 高可用部署,超详细