大家好,我是愛董小白。今天呢,小白給小白們帶來一個初級簡單的編輯GIF的教程,希望能幫到大家。如果本文對你有所幫助或覺得寫得還可以,歡迎給我點贊+回復支持哦。
GIF(Graphics Interchange Format)的原義是“圖像互換格式”,是CompuServe公司在 1987 年開發(fā)的圖像文件格式。盡管GIF最多只支持256色,但是由于它具有極佳的壓縮效率并且可以做成動畫而早已被廣泛接納采用。
特別是對我們寫原創(chuàng)的創(chuàng)作者來說,GIF動圖的合理使用能更有效的充實我們的文章內容,特別是對一些靜圖無法完美表現(xiàn)的細節(jié)和一些短暫操作的體現(xiàn),GIF無疑是最佳選擇。
但受到編輯器對GIF文件大小支持的局限性及我們對已拍攝或錄制出的GIF文件的修改需求,免不了需要我們制作GIF或對現(xiàn)有GIF進行修改編輯。
編輯GIF的軟件有很多,站內也有很多文章來介紹編輯GIF,但貌似沒有專門來寫經典軟件Ulead GIF的,于是寫篇這個教程,供小白們學習,大佬們指正!
Ulead GIF Animator 是一款經典的功能強大的Gif動畫制作軟件,該軟件以簡單、快速、靈活而著稱,因這款Gif制作軟件讓大多數(shù)Gif制作人員記住了這家從1992年發(fā)布一個動畫GIF制作工具的公司“友立公司”,如今只要一說到Gif動畫制作,可以說80%的人會想到U5(Ulead GIF Animator 5),現(xiàn)在這款軟件不僅僅簡單地制作Gif動畫了,隨著內建Plugin特效應用,可將AVI直接轉GIF動畫,這也是廣大網站設計人員的酷愛,讓你在短時間內快速制作GIF的Banner、Logo,為我們的帶來更高的工作效率,同時也讓那些想讓自己的照片輕松動起來的動畫制作業(yè)余親們有了秀上一把的沖動 。
本文介紹的就是Ulead GIF Animator 5,一款比較經典和老的GIF編輯軟件了,貌似早已停更了,但哪怕現(xiàn)在來看功能還是很豐富的?;蛟S現(xiàn)在有很多軟件具有一鍵編輯的功能,但Ulead GIF功能更多更全面,也更靈活。就像美圖秀秀與PHOTOSHOP的區(qū)別,一些操作美圖秀秀可以更方便快捷的完成,但是局限于前者提供的功能,其他不提供的操作就只能求助其他軟件了。一步無法完成的,熟練了兩三步也就可以完成的。
下載鏈接就不貼了,網上一搜一大堆,還有綠色版可供選擇。安裝版裝完會在桌面生成一個快捷方式,要是綠色版的話解壓后找到綠色圖標的名稱為Ulead GIF Animator 5.exe(也可能是ga_main.exe,認準圖標就是了)的應用程序文件就是了,可以右鍵添加個快捷方式到桌面,以便之后使用。
這就是該軟件的執(zhí)行程序了。
打開有一個啟動向導,一般用不到,勾選上下次不顯示關閉就行了。
軟件界面,上面的都類似PS的界面。下面的幀面板就是剩下的都不多介紹了。
本文主要是針對寫文過程中可能會用到的一些編輯需要進行演示說明。剩下的如若大家感興趣,可以自己慢慢研究,或者提出來一起交流。
教程內容:
1、多圖合成GIF
2、GIF文件大小優(yōu)化
3、動圖并列合成
4、添加文字
1、多圖合成GIF
若是想拍動態(tài)開箱或者動態(tài)圖多方位演示的話,那么多圖合成GIF就必不可少了。
操作步驟:
▲▲以合成這幾張圖片來舉例
步驟1、調整圖像大小
若是相機拍出來的圖片尺寸過大,我們直接通過“文件→打開圖像”,然后選擇打開的話,會提示上圖,也就是該軟件打開的圖片尺寸寬和高都不能超過2000像素,即最大打開和編輯2000*2000的圖片。且因為編輯器對GIF文件也有上傳大小的限制,我們不妨在自制作之前就把所有圖片的大小都調低一點。
那么如何批量調低?我們可以使用 美圖秀秀批處理 這款軟件來批量操作一下。
1、
▲▲下載并打開美圖秀秀批處理,然后選擇“添加多張圖片”或者選“直接添加文件夾”,更可以直接拖動圖片甚至文件夾,這樣更快捷方便。
▲▲直拖進去文件夾很方便
2、
▲▲然后從右上方修改寬度或高度為自己需要的尺寸保存就可以了。如需批量美化圖片,可以按需調下亮度什么的,“一鍵美化”不推薦,因為這樣的話每張照片可能美化下來就不一樣了。
圖片尺寸批處理完了,下面就可以開始導入這幾張圖片了?!?/span>
步驟2:添加圖像
▲▲選擇“文件”選項,可以看到“打開圖像”和“增加圖像”兩個選項。這兩個選項是有本質區(qū)別的↓
打開圖像:
▲▲打開圖像即在當前幀打開圖像,每次只能選擇一個打開,不能多選。打開一個現(xiàn)成的GIF動圖進行編輯的話可以選擇此項。若是單純圖片的話,再使用該菜單打開其他圖片,就會覆蓋掉原圖的。也就是說此功能是從當前幀打開/替換圖像和gif動圖。
添加圖像:
動圖演示:
截圖說明:
▲▲添加圖像即打開圖形文件插入幀,可多選。我們可以看到在添加圖像對話框下面會有兩個選項(紅框圈起部分)。其中,“在當前幀插入”類似于打開圖像,不過你要選擇了多張插入結果會是一個幀包含多個圖(相當于一個畫布上面多個圖重疊擺放),至于打鉤的那個選項是針對打開GIF圖像時,添加的GIF每幀都會分別插入后面的幀里面,相當于把兩個動圖合二為一,一起播放了(后面教程會用到)。“插入為新建幀”的話就如動圖所示,直接每張圖新建了一個幀。
所以多圖合成GIF時我們可以直接選擇添加圖像全選(通過按住SHIFT連續(xù)或CTRL間隔多選)添加。
步驟3:修整畫布:
▲▲但要要注意一點,添加圖像的畫布是按原有幀的畫布大小來得,所以上來就直接添加圖像的話,可能會造成圖像顯示不全。這時候可以選擇“編輯→修整畫布” 來直接讓畫布自動修整為圖片大小,很方便。
步驟4:調整幀延遲
▲▲添加完所有圖片后,可以試著點左下角的“?”播放按鈕進行播放,因為默認間隔時間是0.1秒我們發(fā)現(xiàn)速度過快,就需要更改下速度↓
動畫演示:
截圖說明:
▲▲選擇第一幀之后,按住SHIFT鍵的同時選擇最后一幀即可全選。然后右鍵選擇“幀屬性”或者單擊右下角圖標選擇“幀屬性”,按需要調整延遲的值即可。注意單位是1/100秒,也就是0.01秒。當然也可以單獨調整每一幀或者每幾幀的屬性。
步驟5:其他調整
在播放中,因為該本有翻開蓋板的動作,全部一幀過去無法突出此書翻一翻的特色,于是決定對該動作照顧一下,進行重放。
▲▲步驟:選定需要重放的幀—右鍵或者下方按鈕選擇相同的幀復制—按需要設置重放部分的速度
都設置好后播放預覽或者選擇工作區(qū)上方預覽按鈕預覽一下,沒問題就可以保存了。
2、GIF文件大小優(yōu)化
編輯器因為對上傳的GIF文件大小是有要求的,所以如果導出來的GIF文件大了,我們需要對GIF的大小進行優(yōu)化。Ulead GIF對大小的優(yōu)化方式有三種。
方法1:
一是可以通過優(yōu)化選項,降低顏色數(shù)量來降低文件大小,不過數(shù)量調的越少圖片的質量損耗越大。如上圖可以看出每個級別調整后的大小和質量。
方法2:
動圖演示:
截圖說明:
▲▲第二種方法是從“編輯→調整圖像大小” 處縮小圖像尺寸,比如我將寬度從600縮小至400,最后GIF大小從2960KB縮小至1263KB,此方法優(yōu)點是不損耗清晰度,只是圖像小了。
方法3:
將重復的或沒有太大需要的幀給刪掉,以減少文件體積。因為Ulead GIF并不支持指定間隔批量刪幀,所以此方法需要批量進行。若想隔幾幀刪一幀這種批量刪的話,可以配合其他GIF編輯軟件或者曲線救國↓
▲▲ 通過“文件→另存為→圖像幀”把所有幀導出到一個文件夾,然后通過文件夾窗口縮放大小控制每行個數(shù),按列選擇刪除就可以實現(xiàn)隔幾幀刪除的效果(如上圖所示,每隔兩幀就能刪掉一幀),然后再通過第一個教程導入合成GIF即可。
三種GIF動圖文件大小調整方法大家可以按需選擇。
▲▲最后成品演示如上
3、動圖合成對比
在我們對產品進行橫評的時候,需要對幾款產品進行橫向對比。如果對比的是需要用動圖展現(xiàn)的話,那么無疑將兩個相同動作的動圖并排放在一起的話會更為直觀。
比如在之前我對比兩款安全座椅的時候,想要將兩款座椅的卡扣彈出的情況對比一下,因為是個動態(tài)過程,所以分別拍了動圖↓
▲▲但是這樣看的話兩者的區(qū)別不是很好看,這時可以把兩張動圖左右并排合為一張,一起動的話對比效果就會好很多。
步驟1:計算并新建畫布
將兩者合二為一,首先需要創(chuàng)建一個能容納兩張GIF動圖的畫布,畫布尺寸大小為兩張動圖放一起后的大小。
1、
▲▲通過“右鍵→屬性→詳細信息”查看兩個GIF文件的寬度和高度值,這邊我兩個文件都一樣大小就放了一張圖。并排放置的話兩張動圖的高度不變,將寬度進行相加就可以了。比如我這兩張都是480*640的,那么加起來畫布尺寸就是960*640了。
若是兩張圖片不一樣呢?需要看情況,要是無所謂的話,那就直接寬度加起來,高度用最大的那個就好了,比如200*400與150*450,最后寬度相加,高度取最大就是350*450的畫布。若是要求一致,我們可以使用在上面“GIF文件大小優(yōu)化”環(huán)節(jié)中第二種方法“編輯→調整圖像大小” 處縮小圖像尺寸,將兩個動圖的高度調為一樣的,保存后再計算畫布尺寸,這樣橫向排列就能保證一樣高了。同樣的,若是豎向排列,就把寬度調為一樣的。
2、
▲▲“文件→新建→輸入寬度和高度→確定”創(chuàng)建畫布。畫布背景按照需要選擇純色或者透明。
步驟2:添加動圖1
動圖演示:
截圖說明:
▲▲“文件→添加圖像→選擇動圖1→確保選擇在當前幀插入和下面打了勾→打開”
步驟3:添加動圖2
添加動圖1后,默認是選定最后一幀的,我們鼠標左鍵點一下第一幀后,如上步一樣添加動圖2
步驟4:移動動圖2
▲▲添加完動圖2后,我們可以看到,窗口右邊對象欄里面動圖2所有對象都是默認全選的,這時千萬別進行其他操作保持全選,直接開始移動圖像↓
▲▲拖動的時候確保工具是工具欄第一個的實心箭頭“選取工具”的狀態(tài),然后直接拖動圖片到右面合適位置。
▲▲對象欄紅框圈中的數(shù)字代表著坐標,起始坐標是(0,0),移動對象就會改變坐標,第一個數(shù)字代表橫軸位移,右為+,左為-。第二個數(shù)字豎軸位移,下為+,上為-。像實例這種最好嚴格并排對齊的可以移動時參考下坐標,因為動圖1寬度為480,所以我們需要的是右移480個像素,豎軸不變,也就是要移動到坐標(480,0)才是正好的。鼠標移動到精準坐標可能比較難,最后可以通過按鍵盤方向鍵進行微調,按一次移動一個像素點(動圖最后就是方向鍵微調的)。
步驟4:移動同步
上步移動完我們會發(fā)現(xiàn)只移動了最后一幀,這時可以通過操作同步所有幀?!?/span>
動圖演示:
截圖說明:
選擇“幀→與對象重疊幀同步→確保選擇了 應用到所有幀 →確定”即可!
然后就可以點擊“?”播放按鈕看下效果了。
全部過程演示:
步驟5:另存為GIF文件
▲▲最終效果如上
4、添加文字
使用GIF中難免要注釋下文字,比如上面做好了并排對比,得注明兩款分別是什么品牌是不是。下面來說說怎么通過Ulead GIF軟件添加文字。
以上面剛做好的并排對比動圖為例
步驟1:添加文字
動圖演示:
截圖說明:
▲▲“選擇工具欄文本工具(T)→單擊需要添加文字的位置→對話框選擇顏色→輸入文字→按需調整其它選項→確定”。這樣右邊對象欄里就會有文本對象了,還可以對象上“右擊→文本→霓虹”來設置霓虹效果,過程可以看上面動圖,就不貼圖了。
步驟2:復制到其他幀
這時添加的文本可以看到是在當前幀添加的,其他幀并沒有。下面需要將文本對象復制到其他幀?!?/span>
動圖演示:
截圖說明:
▲▲“選定需要復制的文本對象→工具欄選擇復制按鈕或編輯-復制→選擇需要粘貼文本的幀→工具欄選擇粘貼按鈕或者編輯粘貼→播放預覽”即可,預覽沒問題就OK了。
▲▲成品效果展示
教程就先到這吧,都是些很簡單基礎的操作,當然了,該軟件的功能絕不止如此,我只能起到拋磚引玉的作用,如有遺漏之處還請各位大佬指正。
就醬,本文到此結束。歡迎大家收看。如果喜歡請務必點贊、回復支持哦。