4.優(yōu)化GIF動畫
在設(shè)計動畫過程中,當(dāng)幀數(shù)較多時,這個動畫文件可能會較大,不適合于在網(wǎng)絡(luò)上傳播,所以GIF Animator中提供了對動畫進行優(yōu)化的功能。這種功能的原理是將將幀的圖像分割中若干塊,在幀之間的變換時,相同的塊將在第二個幀中被刪除,達到減小文件文件大小的目的。所以我們要對自己創(chuàng)建的動畫再進行一下優(yōu)化。
點選Optimize按鈕,進入優(yōu)化設(shè)置,窗口如圖十一所示。在這個窗口的左側(cè)是原始圖像,右側(cè)是系統(tǒng)按照默認優(yōu)化設(shè)置所優(yōu)化的圖像。另外有一個窗口是Color Palette,此窗口中顯示了優(yōu)化后圖像中使用的顏色。如果對優(yōu)化的效果不滿意,或者優(yōu)化后所取得的大小不滿意,可以進行有關(guān)像素的設(shè)置。最高的像素是256,也就是系統(tǒng)默認值,最小的是16,其優(yōu)化效果真的是不堪入目。
5.預(yù)覽GIF動畫
完成一切的制作后,是不是想欣賞一下你的大作?點擊Preview預(yù)覽窗口,就可以發(fā)現(xiàn)這個動畫正在不斷地閃爍。同時你可以調(diào)用一些瀏覽器觀看它。GIF Animator 5.0允許Internet Explorer、Navigator和Custom Browse這三種瀏覽器查看動畫。
6.輸出GIF動畫
完成這一步,你的GIF動畫就順利成形了。最直接的輸出就是把動畫保存為GIF,可以讓它在網(wǎng)頁中隨意地插入。選擇File>Save As>GIF File,輸入文件名稱即可。當(dāng)然GIF Animaotr同樣支持其他文件格式,例如PSD以及非常流行的Flash格式SWF。
這些文章格式卻只能用于瀏覽,如果再次進行編輯則需要重新來過。因此GIF Animator自己開發(fā)了一種保留GIF動畫信息的文件格式:uga。選擇File>Save即可進行這種文件格式的保存。當(dāng)需要再次修改這個動態(tài)GIF的時候就可以調(diào)用這個文件,然后再上進行修改。
GIF Animator同時還支持了輸出為網(wǎng)頁格式,輸出為桌面項目。網(wǎng)頁格式在這里不用向大家解釋,桌面項目是一個很有意思的功能,它利用了Windows中自帶的桌面自定義功能,把動態(tài)的GIF動畫放置在桌面上。
點擊Export>As an Active Desktop Item,出現(xiàn)如圖十二所示的對話框。沒有什么特殊的要求,選擇OK。這是桌面就會出現(xiàn)一個動態(tài)的GIF動畫。是不是很有意思?更有意思的是GIF Animator可以直接輸出為EXE文件,讓用戶只需雙擊此文件,即可觀看到動態(tài)圖片的內(nèi)容。
點擊Export>As Animation Package(EXE)...。出現(xiàn)如圖十三所示的對話框。在Select sound file中可以輸入動態(tài)GIF所采用的聲音,支持的文件格式有WAV和MID,在Generate executable file中輸入輸出的運行文件。此外,還支持URL鏈接以及最后發(fā)送消息等。一切設(shè)置完畢后,點擊OK。就可以運行這個文檔了!
7.渲染
GIf Animator不僅可以單單支持最簡單的動畫,即把所有的圖片夾雜在一起。還可以在圖片中加入特殊的效果,例如3D等。當(dāng)然,這樣的效果一多用,文件格式就變得相當(dāng)大。其次,這樣的效果必須與動畫的主題貼切?,F(xiàn)在我們來看看在GIF Animator中內(nèi)置的渲染效果。
所有的渲染效果均在Vido F/X菜單欄中找到。我們以最簡的文字效果來查看渲染效果。在一個468*60的Banner中輸入簡單的文字。然后選擇Video F/X>3D>Gate 3D,出現(xiàn)如圖012所示的對話框,然后進行其相關(guān)的設(shè)置。
在Fames中設(shè)置4-40的幀數(shù),針數(shù)越多,文件越大。在Delay time中設(shè)置幀與幀間隔的時間。Soft中設(shè)置框的粗細,一共有4種選項“None”、“Large”、“Medium”和“Small”。在Border中設(shè)置有關(guān)邊框的顏色。選擇Reverse,表示原本逆時針運行的方向,變?yōu)轫槙r針。進行完以上設(shè)置,點擊OK,就可以輸出動畫。
當(dāng)然,GIF Animator可以運用很多渲染,當(dāng)然其設(shè)置效果類似,如果你覺得夠麻煩,不用設(shè)置,就用默認設(shè)置點擊OK。
三、綜合實例
1. 座右銘制作
一直想找一個軟件,可以在桌面上顯示座右銘,曾經(jīng)想到過運用桌面,但是一條座右銘沒有必要牽涉到整個桌面。在使用新版本的GIF Animtor 5.0中,增加了輸出到桌面項目,由此產(chǎn)生了制作一條座右銘的動態(tài)動畫的想法。
首先制作一個新項目,尺寸為468*30,當(dāng)然可以根據(jù)自己座右銘的長短進行控制。然后再新建的文件中,使用文字輸入工具,輸入文字并進行美化。為了有一個感性的認識,選擇文字工具點擊空白處的任意地方,彈出如下圖所示的對話框。
在文本區(qū)域中輸入“You are the best!”,字體選擇Comic Sans MS,當(dāng)然字體的選擇根據(jù)個人愛好所定。字體大小設(shè)置為30并加粗,Script選擇西方語言。點擊OK,把文字拖到中間。效果選擇Video F/X>Special>Wind,然后點擊OK,出現(xiàn)如圖014所示對畫面。不需進行任何設(shè)置,點擊OK,動畫便生成了。
最后就是輸出效果了。選擇Fiel>Export>As an antive desktop Item,在新出現(xiàn)的窗口點擊OK。桌面就會出現(xiàn)這樣的動畫,并且可以隨意的移動以及關(guān)閉?! ?br>
2.祝福語制作
萌發(fā)祝福制作的念頭來源于GIF Animator自帶輸出到EXE文件。這樣就可以通過eMail發(fā)送到朋友的信箱里,給他一個小小的驚喜。
新建一個500*500的素材,作一個有關(guān)生日主體的動畫,創(chuàng)意可以任意發(fā)揮。當(dāng)然也可以來自一些網(wǎng)站,個人認為,在制作圖片動畫用渲染令人感到雜而亂,然而文字用渲染的效果相當(dāng)美觀,因此不建議在動畫中加入渲染,制作完一切動畫后,選擇Export>As Animation Package,出現(xiàn)輸出EXE對話框。
在Message Box Style中選擇Dialogue1.emf文件,在用錄音機中錄入自己的祝福語(birthday.wav),在Select sound file中選擇文件來源,在Generate executable file中輸入輸出文件的位置。在Enter Message中輸入“生日快樂~~”,選擇Font進行有關(guān)字體的設(shè)置,在Loop Count(循環(huán)數(shù))中設(shè)置循環(huán)次數(shù),如果要使用無限循環(huán),選中Loop infinitely(無窮循環(huán))。分別在Start Frame Position(開始幀位置)End Frame Position(結(jié)束幀位置)中分別設(shè)置動畫的開始結(jié)束位置。如果要隨機的顯示,將這兩項設(shè)置為Random(隨機)。最后點擊OK,輸出動畫。
3. 網(wǎng)站Banner制作
在網(wǎng)頁動畫領(lǐng)域中網(wǎng)站Banner制作領(lǐng)域相當(dāng)廣泛,一般尺寸為468*60,所以在GIF Animator中新建一個同尺寸的文件。為了使得Banner更加美觀,我們先要特別為Banner做一個背景圖片。當(dāng)然可以調(diào)用功能強大的Photoshop,或者單一的使用Windows自帶的畫筆程序。同樣也可以在網(wǎng)上找到素材。然后在素材上輸入有關(guān)Banner的主題“心跳回憶----玩得就是心跳”,在輸入文字時,不但要考慮到文字的大小、顏色還要考慮到與背景圖片協(xié)調(diào)效果。制作完這些之后,就可以進行渲染設(shè)置,這次采用Ires-F/X渲染項,輸出圖像。
我們現(xiàn)在來討論一下文字的效果,畢竟文字是體現(xiàn)Banner主題的,在制作Banner時,可以在背景上直接增加文字,軟件把文字與圖象看成一個部分。另外一種增加文字的方法就是進行完渲染之后,在某一個需要出現(xiàn)文字的Frame中,單擊右鍵,選擇Add Banner Text。我們現(xiàn)在就來一次這樣的制作。
一開始進行渲染以及Banner背景制作步驟類似,不再重復(fù)。在第一幀處點擊右鍵,選擇Add Banner Test,出現(xiàn)如下圖所示畫面,進行有關(guān)文字的美化工作。
在Text面板中輸入文字,Effects面板中進行有關(guān)文字的特效,有移動,跳出等效果。進行完相關(guān)設(shè)置,點擊OK,此時會出現(xiàn)兩個選項,均可選擇。然后文字就出現(xiàn)在Banner中,所與前面制作不同之處在于Banner中文字的運轉(zhuǎn)需要等待圖形效果完畢之后(當(dāng)然要看你把文字幀插放在那里)。一切制作完畢后,輸出為GIF動畫,或者Flash動畫。
GIF Animator最強大還支持很多種特效,你可以在一個Banner中插入同樣文字的幾種特效,這樣會變得更美觀,所犧牲的代價就是文件過大。不過換言之,如果你沒有很好的藝術(shù)細胞,記住這句話:簡單就是美。網(wǎng)站Banner的制作主要不是技術(shù),而是創(chuàng)意。
4.用一個視頻的局部來制作 GIF 動畫
用 Windows 視頻文件,如 AVI,或 Quicktime 影片,如 MOV,是快速制作極酷動畫的最輕松方法(如果不加修飾,它看上去和原始視頻一樣)。但是,大多數(shù)視頻文件都很大,在 GIF Animator 中打開整個視頻會影響效率。幸運的是,GIF Animator 帶有一個內(nèi)置的解決該問題的功能 ,可以選取并只打開視頻中某個特定的部分。以下講述了該操作的步驟。
1. 打開 GIF Animator,創(chuàng)建一個新的空白動畫。
2. 單擊標(biāo)準(zhǔn)工具欄上的Add Video按鈕,打開Add Video對話框。
3. 找到要用的影片文件選中后,單擊Duration按鈕。
4. Duration對話框打開后,有兩個屬性需要定義要使用的起始和結(jié)束的視頻段。它們是Mark in和Mark out。有兩個方法可以用這些屬性來選取視頻段:用手工輸入幀編號(如下圖),或通過預(yù)覽窗口和視頻控件,拖動Mark in和Mark out按鈕,來標(biāo)記出要使用的部分。
5. 在標(biāo)記出要使用的部分之后,單擊OK。Duration對話框關(guān)閉,返回到Add Video對話框。再單擊OK,選擇的幀就被加載到 GIF Animator 中了。
5.使用布局功能制作動畫
在 GIF Animator 中,有兩個方法來創(chuàng)建移動的動態(tài)精靈。您可以很方便地在 GIF Animator 中打開一個元素,并自動完成使它穿越該 GIF 文件的邏輯屏幕的運動過程。第一個方法,用于簡單的、靜態(tài)的幀,詳細描述如下。而在下一頁講述第二個方法,用于動畫。
1. 在 GIF Animator 打開背景圖像。在此我將用 ocean.gif 作為背景(如下圖)。
2. 下面,打開精靈圖像(海豚圖)。該圖像應(yīng)該比您剛打開的背景圖像小,否則它將不起作用。(左邊的海豚包含一個透明的藍色背景。在將它導(dǎo)入到 GIF Animator 中后,我選取了該層面。
3. 選取該精靈層面,然后單擊Object> Duplicate菜單命令。
4.在本例中,因為背景不是很大,我估計 5 個副本就足夠了。
5. 下面,輸入每個副本相對于上一個副本所偏移的像素值。您可以使圖像水平或垂直偏移。
6.提醒您:每個副本層面包含的設(shè)置均基于原始層面。
6.壓縮實例
在制作一個Banner,或者是要應(yīng)用到網(wǎng)上的動畫時,必須考慮到的一點就是圖像的大小如何。因此這個問題成了阻礙圖像采用多種特效的最大絆腳石,通過GIF Animation中的壓縮功能可以輕松做到使圖像文件容量減小。
1. 使用動畫制作向?qū)?,將?zhǔn)備好的素材導(dǎo)入進來。
2. 點擊Optimize標(biāo)簽,在Prese欄中選擇GIF Animator預(yù)設(shè)的七種方案:256色優(yōu)化、256色無損失優(yōu)化、128色優(yōu)化、64色優(yōu)化、32色優(yōu)化、16色優(yōu)化、優(yōu)化局部調(diào)色板。在這里需要說明的是,全局調(diào)色板是為了優(yōu)化而創(chuàng)建的在多個幀之間應(yīng)用的調(diào)色板,而局部調(diào)色板是為每個幀創(chuàng)建的調(diào)色板,保留局部調(diào)色板,可能起不到優(yōu)化的作用,所以我們選擇使用全局優(yōu)化調(diào)色板。
3. 如果在要了解這七種方案的詳細設(shè)置,點擊“高級>>”按鈕,在右邊的欄中會出現(xiàn)高級的設(shè)置。
4. 在高級參數(shù)設(shè)置區(qū)中可以對一些參數(shù)進行修改,當(dāng)您認為修改的參數(shù)要在以后經(jīng)常使用的話,要點擊按鈕保存為自定義的優(yōu)化方案,在“預(yù)設(shè)”欄中填入預(yù)設(shè)的名稱,同時點擊按鈕可以刪除自定義的優(yōu)化方案,切記不要刪除GIF Animator程序自帶的優(yōu)化方案。
7.真正的壓縮實例
1. 如果使用預(yù)設(shè)的優(yōu)化方案中希奇古怪的設(shè)置令你摸不清頭腦,可以使用優(yōu)化向?qū)?。點擊File>Optimizeothion Wizand,啟動優(yōu)化向?qū)А?br>
2.在彈出的優(yōu)化向?qū)υ捒蛑?,選擇推薦的“是”選項,點擊“下一步”按鈕。
3.在出現(xiàn)的對話框中,設(shè)置GIF格式的顏色數(shù),并且在下面可以設(shè)置圖像的抖動。值得注意的是,正象在對話框中提醒的一樣,顏色應(yīng)用太少,是可以減小整個文件的大小,但是顏色應(yīng)用太少可能使圖像中的顏色失真,反而得不償失。點擊Advanced按鈕對GIF優(yōu)化引擎和使用的調(diào)色板進行設(shè)置。
4.在新出現(xiàn)的對話框中選擇是否要刪除多余象素、注釋塊和標(biāo)題。
5.最后出現(xiàn)的一個總結(jié)性的窗口,將前面的選項匯集到一個對話框中,如果要重新定義一些參數(shù),要點擊“上一步”按鈕,重新設(shè)定。如果對當(dāng)前的設(shè)置滿意,點擊“完成”按鈕。GIF Animator將對動畫文件進行優(yōu)化。
6.優(yōu)化完畢后,優(yōu)化結(jié)果的窗口顯示優(yōu)化的成效。如下圖。點擊Preview按鈕,可以預(yù)覽GIF動畫的效果。