如何用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"原始設計文件的可以點關注、點贊、在評論區留言“我要設計文件”可以免費獲得文件。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章