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

欢迎关注技术地图

今天看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"原始设计文件的可以点关注、点赞、在评论区留言“我要设计文件”可以免费获得文件。

发布了68 篇原创文章 · 获赞 71 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/CatherineJChen/article/details/105413540