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