今天看CSDN一篇文章时,发现文章开头的点关注动态挺有意思的,于是萌生了改编一下放到自己博客的想法。技术人员的特点,说动就动,打开了GIMP图片编辑器开始修改,然而过程却十分艰难,图片编辑比文档编辑麻烦的不是一点两点,这次修图整整花了5个小时才搞定,不过结局满意,从此,又多了一项技能。下面用亲身实战从零开始手把手你怎么改变gif图片,其实如果懂得了其中的窍门,5分钟就能搞定,而且可以举一反三,从此修图不再是难事。

1、下载gif图片我下载的是CSDN上的这张图

2、下载gimp图片编辑器

gimp是开源软件,下载地址:https://www.gimp.org/downloads/

macOS和windows都支持。

3、在gimp打开gif图片

界面布局:左边是工具箱,中间是编辑区和展示区,右边是图层列表

4、选中第一个图层,抹去不需要的文字。

选中第一个图层用铅笔取背景色“白色”,直接拖动鼠标涂抹可以将不要的文字抹掉(类似于删除),如下图所示:

抹除文字后的效果如下图所示:

5、加入自己的文字

在抹除文字后加入自己的文字,并把文字调成与原图一致的颜色和大小,用到了工具箱中的“A”形文字工具,如下图所示:

6、调整新增图层的大小和位置

鼠标右键找到scale layer 可以修改图的大小,如下图所示:

鼠标右键找到 Layer attributes修改图层位置,如下图所示:

7、复制新增的图层“关注技术地图”以备下面使用

点击新增的图层,鼠标右键点击”duplicate layer"可以复制当前图层,如下图所示:

8、将复制图层移到下一待替换的图层前

点击图层往下拖动,可以把它拖到下一图层的前面。如下图所示:

9、将原图层一(图中为Frame49)和新增的图层#1合并成一张完整的图片

新增的文字图层和原图层是分离的,gif显示会有闪烁,看着不舒服,因此需要将文字图层和原背景图层合成一张图片,方法用“merge down"功能,可以将当前选中的图层与下一图层合成一张,如下图所示:

合成后的效果,合成后两张图层成了一张,合成后无法再单独修改文字,因此合成前把文字调整好,如下图所示:

10、修改下一个图片

前面只完成了一个图层(或者说一张图片的修改),gif中有很多图片,可以在图层列表中看到总共49张,每张图片都不同,因此要挨个修改,那么如何才能修改下一张图片呢?

首先要显示下一个图层(图片)

先是点击图层左侧的眼睛标识把前面的图层隐藏,就能显示下一张图层了,如下图所示:

从图层中,可以看到图中的文字是需要修改的。

其次,按照前面4~9步进行操作,完成所有的图片修改就可以了。

11、所有图片修改完成后导出为".gif"文件

文件菜单中选择“导出”并选择文件类型为.gif,在导出文件框中勾选“动画”才能显示为动画效果,如下图所示:

导出文件选项框,选择文件类型gif,做如下设置:

导出提示框,勾选动画、循环播放,还需要做如下设置:

关于用GIMP做图片、修改图片、修改图层、去掉背景文字,制作全新gif动态图片都可以参考上面的做法,大家可以举一反三,自己熟练一下,技多不压身。

总结

图片编辑的关键就是图层,掌握了图层,就掌握了编辑图片的关键。

PS:

关于CSDN点击关注的动态图,自己做起来还是有点费时的,我这里保留了修改好的原始设计".xcf"文件,基于xcf用gimp你只要把文字修改成自己的内容,然后简单合成导出就可以了,不超过5分钟就可以完成。

需要".xcf"原始设计文件的可以点关注、点赞、在评论区留言“我要设计文件”可以免费获得文件。

如何用GIMP绘制gif图,我用5个小时制作了一个CSDN的点关注动态图,现在都教给你5分钟学会。相关推荐

  1. CSDN博客专用动态图小程序的推荐---ScreentoGIF教程

    最近在很多博客上面都看到了有动态图的使用,觉得很有意思 也十分有用!这样的话,我们就不必再苦于无法做到演示的分享了!下面就做一个简单的教程分享给各位需要的小伙伴们! 第一步 :下载并安装 它是一款非常 ...

  2. 手机端主图在哪里设置_原来华为手机灭屏也能看时间,操作方法非常简单,1分钟学会...

    手机已经成为大家出门必带的一项物品,无论走到哪里我们都会带着它,以至于现在的朋友都是机不离手,随身携带手机还可以让我们随时知道时间,只要按下电源键就可以查看.不过现在很多手机可以设置成灭屏显示时间,下 ...

  3. python简单动态图_python动态图的绘制和保存

    前言 这段时间要做一个涉及排队论的数学建模,需要动态绘图.建好了模,却没想到在原以为简单的绘图上耗费了我大量时间.原因在于用python作动态绘图的参考资料过于琐碎.因此在我费了九牛二虎之力终于实现动 ...

  4. python动态图的绘制和保存

    前言 这段时间要做一个涉及排队论的数学建模,需要动态绘图.建好了模,却没想到在原以为简单的绘图上耗费了我大量时间.原因在于用python作动态绘图的参考资料过于琐碎.因此在我费了九牛二虎之力终于实现动 ...

  5. 用 matplotlib 绘制 3D 时间序列动态图

    时间序列动态图是显示时间演变的非常强大的工具,但 matplotlib 的默认动态图很简单,不太适合用于比较多个时间序列. 动态图被广泛使用:从解释神经网络如何训练,到显示合成时间序列统计数据或波动率 ...

  6. 美国网红python图片_美国失业人数突破2200万!这个动态图我用Python画出来了!...

    目前,我国新冠疫情已经大幅度好转,各省市在3到4月份已经开始复产复工,连受灾最严重的武汉也解封了,全国的情况逐渐步入正轨. 但同时全球疫情十分严峻, 根据美国约翰斯.霍普金斯大学统计的数据显示,截至 ...

  7. Python动态图见得多了?Excel:亦可赛艇!我可是身经百战了

    作者:Ryoko量子 来源:凹凸数据 朋友圈又看到 Python 广告推送了,什么"你还在用 Excel 加班啊"."我一进去就看见 Python 在打 Excel 啊& ...

  8. 都9102年了还不懂动态图吗?一文带你了解飞桨动态图

    导读:飞桨PaddlePaddle致力于让深度学习技术的创新与应用更简单.飞桨核心框架已提供了动态图(DyGraph)相关的API和文档,并且还附有Language model.Sentiment C ...

  9. 第十八课.动态图模型

    目录 动态图模型的共同特征 模型间的区别 动态图模型的重点问题 动态图模型的共同特征 关于贝叶斯网络的经典实例:隐马尔科夫模型,卡尔曼滤波器,粒子滤波器:这三个有向图具有一个统一的名称:动态图模型,并 ...

最新文章

  1. python 读取文件到字典读取顺序_python_实现dictionary按照输入顺序输出
  2. 云笔记积累个人知识体系
  3. javascript 六种数据类型
  4. 什么是 JVM方法区
  5. scrollview 与 listView 的显示不全问题
  6. 机器学习统计学相关书籍
  7. python3颜色代码_python3中布局背景颜色代码分析
  8. 【elasticsearch】 基于_version进行乐观锁并发控制
  9. 利用Delphi编写Socket通信程序
  10. Springboot项目搭建(前端到数据库,超详细,附详细步骤截图)
  11. 强的离谱!串烧70+个Transformer模型,涵盖CV、NLP、金融、隐私计算...
  12. 软件测试简历项目经验该怎么写?【两年经验】
  13. Unity中的Compute Shader
  14. 抖音短视频怎么加文字 怎么在视频画面批量添加一行滚动字幕?
  15. P1600 天天爱跑步 解题报告
  16. java多态的多种表现形式
  17. 如何使用Grafana轻松实现OVL数据可视化
  18. linux sed替换文件,linux的sed命令替换文件
  19. windows10下面 Prolific USB转串口没法使用的解决
  20. `Algorithm-Solution` `AcWing` 378. 骑士放置

热门文章

  1. 广州.NET微软技术俱乐部 - 动手实验室
  2. 浩方登录不上服务器无响应,sv独立客户端无法登陆服务器(sv独立客户端连接失败)...
  3. 小学计算机课第二课堂活动总结,小学第二课堂活动总结4篇
  4. Matlab做数据拟合中的(Results,SSE,R-square,Adjusted R-square,RMSE)
  5. c++心形编码_使用C++描绘心形
  6. 机动车 科目一 之 标识标志(指示标志 [蓝色])
  7. 第一周项目2 计算长方体的表面积和表面积
  8. 2019中国出境旅游发展年度报告
  9. 想入门网络安全?先来看看网络安全行业人才需求!
  10. 车辆违章信息管理系统c语言,车辆违章查询系统c语言结课设计.doc