分享一个简单的GIF图制作方法

简介: 分享一个简单的GIF图制作方法

image.png

前言:

 之前写文章一直不会录制gif图,因为前端的一些效果静态图片是无法很好的展示的,但是找了半天,在Mac上一些好的GIF图制作工具竟然还是收费的,真的是让我很头疼。不过偶然在评论区发现一位小伙伴提出QQ可以录制简单的GIF,经过自己的使用,发现真的挺不错,特来分享。

一. 打开QQ


随便打开一个聊天框。

image.png

随后将鼠标悬停在这个截图键上,会弹出以下三个选项。

image.png

二. 点击录屏


然后会出现一个类似于截图的区域,让你框选截图的范围

image.png

点击开始录制即可录

ac75a48ba0a04a20ab23ad703f4b82c7_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.jpg

三. 编辑录屏


当点击结束录屏后,会出现如下选项

image.png

说是编辑,其实就是让你简单调整一下录制的长度和保存时的清晰度

image.png

四. 保存格式为GIF


调整好以后,点击这个按钮

image.png

会出现以下窗口

image.png

选择保存格式为GIF即可

image.png

效果如下:

image.png

相关文章
|
1月前
|
编解码 前端开发 JavaScript
ThreeJs制作模型图片
这篇文章介绍了如何使用Three.js将一张图片转化为3D场景中的像素化模型,通过提取图片的像素颜色并将它们应用到3D立方体上,形成一种特殊的图像展示效果。
25 0
ThreeJs制作模型图片
|
Python 容器
tkinter模块高级操作(二)—— 界面切换效果、立体阴影字效果及gif动图的实现
tkinter模块高级操作(二)—— 界面切换效果、立体阴影字效果及gif动图的实现
282 0
|
前端开发 Android开发
制作圆形图片,你会以下几种?
制作圆形图片,你会以下几种?
制作圆形图片,你会以下几种?
|
计算机视觉
【方便的Opencv】实现图片合成视频+附带图片生成gif
【方便的Opencv】实现图片合成视频+附带图片生成gif
【方便的Opencv】实现图片合成视频+附带图片生成gif
|
前端开发
制作了一个马赛克图片转换器
制作了一个马赛克图片转换器,可以将图片转换成马赛克风格,并可转换为 css box-shadow 进行输出。
|
前端开发 算法
制作了一个马赛克图片转换器 - 实现篇
上文有讲到我制作了一个马赛克图片转换器,可以将图片转换成马赛克风格,并可转换为 css box-shadow 进行输出。
|
人工智能 前端开发
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
401 0
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
|
前端开发
一篇文章教会你使用html+css3制作GIF图
一篇文章教会你使用html+css3制作GIF图
761 0
一篇文章教会你使用html+css3制作GIF图