分享一个简单的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

相关文章
|
10月前
|
Python 容器
tkinter模块高级操作(二)—— 界面切换效果、立体阴影字效果及gif动图的实现
tkinter模块高级操作(二)—— 界面切换效果、立体阴影字效果及gif动图的实现
175 0
|
Web App开发 存储 前端开发
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
|
Web App开发 XML 编解码
Logo小变动,心境大不同,SVG矢量动画格式网站Logo图片制作与实践教程(Python3)
曾几何时,SVG(Scalable Vector Graphics)矢量动画图在坊间称之为一种被浏览器诅咒的技术,只因为糟糕的硬件支持(IE),和没完没了的兼容性调优(Safari)。但是在2022年的今天,一切都不一样了,正所谓三十年河东,三十年河西,微软所研发的采用Chromium内核作为IE替代者的Edge浏览器已经有望超越Safari成为第二大桌面浏览器,而曾经因为不支持关键帧动画被人诟病的Safari也统一了标准,市面上除了老帮菜IE,几乎所有平台(包括移动端)都已经对SVG足够友好,这让我们可以放心大胆的在网站上应用SVG矢量动画图。
Logo小变动,心境大不同,SVG矢量动画格式网站Logo图片制作与实践教程(Python3)
|
编解码 前端开发 搜索推荐
Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来
在之前的几篇文章中,介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如[Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统](https://v3u.cn/a_id_143),我们可以使用svg来打造精美炫酷的分享小图标(icon),这一次我们使用python来将普通的静态的网站logo图片转换为带路径(path)的svg图片,这样就可以让网站logo能够变成动态的,作为一名不折腾不舒服斯基,一枚炫酷自带动画的网站logo自然能够满足我们的折腾欲,同时亦能击中我们的虚荣心。
Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来
|
安全
【实用工具】如何录制电脑屏幕gif动图?
【实用工具】如何录制电脑屏幕gif动图?
198 0
【实用工具】如何录制电脑屏幕gif动图?
|
计算机视觉
【方便的Opencv】实现图片合成视频+附带图片生成gif
【方便的Opencv】实现图片合成视频+附带图片生成gif
【方便的Opencv】实现图片合成视频+附带图片生成gif
|
前端开发 算法
制作了一个马赛克图片转换器 - 实现篇
上文有讲到我制作了一个马赛克图片转换器,可以将图片转换成马赛克风格,并可转换为 css box-shadow 进行输出。
|
前端开发
制作了一个马赛克图片转换器
制作了一个马赛克图片转换器,可以将图片转换成马赛克风格,并可转换为 css box-shadow 进行输出。