我们在网上浏览别人的博客时,经常可以看到以gif动态图显示的程序效果演示和代码段,那么如何录制gif动态图片并在CSDN中插入动态图片呢?
下面介绍一种简单的方法,了解之后,你也可以将其应用在自己的博客中,以动态图的方式展示程序运行结果,当我们想要在程序中更加清晰的演示自己写的代码的运行结果时,再也不用用好几张图片来展示以达到自己期望的效果。我们可以采用一种高端大气的方式——以动态图片的形式展示。
下面是详细步骤:
Ⅰ )下载LICEcap软件。
Ⅱ)下载后安装LICEcap。
安装后图标如下图。
Ⅲ)双击运行软件
桌面会出现一个如图所示的透明框。
弹出的框为透明框,框中的图片是我电脑的桌面背景。
我们可以通过左下角的size值调整录制的窗口大小,也可以托拽边缘来调节录制框的大小。
Ⅳ)下面演示如何录制gif图片
①将录制框托到要录制的界面,调教录制框的大小。
②点击Record进行录制。点击后会弹出设置保存图片的位置和文件名等设置信息,如下图:
③点击保存后即开始录制屏幕,在录制过程中可通过stop停止录制。
④录制完成后点击stop即停止录制,并将刚刚录制的gif动态图保存到自定义的位置。
Ⅴ)在CSDN博客中插入动态图
在博客中插入动态图的方法和插入图片的方法是相同的,在博客编辑栏的上面点击图片,然后选择要插入的图片,点击打开->上传->确认(MarkDown编辑器)。这时我们就将刚刚录制的gif动态图插入到我们的博客中了。如下图所示: