網(wǎng)站動態(tài)圖片與閃圖的制作

1、 動態(tài)圖片與閃圖制作互聯(lián)網(wǎng)不斷地發(fā)展，導(dǎo)致不斷地增加，其中不乏一些優(yōu)秀的個人。做其實很容易掌握，但是如何做出漂亮而又吸引人的，并不是所有掌握技術(shù)的人都能實現(xiàn)的。在網(wǎng)頁設(shè)計中，不乏有兩種，一種是文字，另一種是圖片起到了主導(dǎo)地位。在圖片當(dāng)中，動態(tài)圖片又是獨支一秀。的各類Banner和Logo也都采用了動態(tài)圖片。有關(guān)動態(tài)圖片大家都不陌生，但是如何達到這樣的效果卻是相當(dāng)?shù)睦щy。但是自從Ulead GIF Animator推出后，動畫制作變得相當(dāng)簡易，而這次Ulead公司又推出了5.0的新版本，這個版本讓筆者體會到制作動態(tài)圖片的樂趣，現(xiàn)在就讓我們來看看吧。Ulead GIF Animator百度一下軟件

2、175.html圖001：啟動畫面一、新增功能1.更人性化的用戶界面GIF Animator 5.0 重新設(shè)計了用戶界面，讓你在制作動畫圖片的時候更方便，這個版本的工作區(qū)域已經(jīng)完全支持真彩色，無論你是在設(shè)計還是預(yù)覽的時候都可以在真彩色的環(huán)境下了。同時，一般常用的做動畫的流程都已經(jīng)簡化在編輯、優(yōu)化和預(yù)覽選項卡之間，很大程度上簡化了操作難度。圖002：操作界面2.增強的編輯能力這個版本的 GIF Animator 在文字編輯器、選色器和選取工具上面都加強了各自的功能。同時轉(zhuǎn)換器也相應(yīng)的得到了增強，現(xiàn)在你已經(jīng)可以隨意調(diào)整對象的大小和角度了。3.支持更多的輸出格式 GIF Animator 5.0 支

3、持的輸出格式除了標(biāo)準(zhǔn)的 GIF 以外，現(xiàn)在還可以輸出 FLASH 格式的 SWF 文件了。也就是說，你可以用它來做 FLASH 動畫了。當(dāng)然它還可以輸出 MPEG、avi、mov 等視頻格式的文件，這樣一來，只要你的系統(tǒng)安裝了 MPEG4 的驅(qū)動程序，GIF Animator 5.0 也可以直接輸出 MPEG4 的動畫了。另外值得一提的是，它還支持 Photoimpact 的 UFO 和 Photo Shop 的 PSD 文件，這樣你辛苦做出來的動畫里面的層就可以得以保存和發(fā)揚光大了。4.增加對象管理器支持更多的輸出格式這個功能在 PHOTO SHOP 等軟件上面已經(jīng)老早就有了，其優(yōu)點也已經(jīng)得

4、到了廣泛的認(rèn)可，GIF Animator 5.0 也當(dāng)然不會漠視，終于在這個版本里加入了這個功能，有了它以后管理、編輯起動畫里面的各個對象元素就方便多了。5.外部編輯器調(diào)用你現(xiàn)在可以在 GIF Animator 里面直接調(diào)用更好的圖像編輯軟件如：Photoimpact 、Photo Shop 等來編輯 GIF Animator 里面的對象圖形了，很大程度上擴展了 GIF Animator 的功能。當(dāng)然我推薦大家還是用 Photoimpact 比較好點，畢竟是同一家公司的產(chǎn)品，無論的兼容性還是操作界面上都要好點、方便點。6.強大的優(yōu)化功能新版本的 GIF Animator 在圖像壓縮優(yōu)化方面更完

5、善，你可以利用有損壓縮、抖動顏色、顏色索引編輯等等功能來進一步優(yōu)化你的作品的輸出效果，而這些操作都會即時可以看到預(yù)覽效果。7.新增兩個濾鏡新版本的 GIF Animator 增加了兩個特效濾鏡 Color Replace 和 Color Shift ，讓你只需簡單步驟就可以做出漂亮的效果。8.其它GIF Animator 除了可以輸出 SWF 等文件外，還可以把你的動畫導(dǎo)出為一個可以執(zhí)行的 EXE 文件，讓別人無需看圖工具也可以欣賞到你的作品，同時，這個可執(zhí)行文件還可以在你的作品展示完后用一些圖片做背景顯示你預(yù)先輸入的一些字句，這個功能用來做電子賀卡相當(dāng)不錯。二、下載與安裝以上略微介紹了Gif

6、 Animator 5新版本中的功能，使大家對它有了感性的認(rèn)識，下面我們就一步步地挖掘Gif Animator的強大功能。軟件可以在Ulead公司的官方(.ulead./)下載得到。下載得到的是一個試用版本，只能有期限的試用15天，當(dāng)然這個是免費的啦！只要點擊安裝文件，一路“Next”下來就可以，如果你想更改安裝路徑的話，在系統(tǒng)提示你是否需要更改時更改就可以了。 開始使用Ulead GIF Animator 5.0 當(dāng)啟動軟件后，點擊Try按鈕進入真正的操作。這時，程序會彈出一個啟動向?qū)硪龑?dǎo)設(shè)計者制作GIF動畫。在這里你可以新建或者打開一個GIF圖片。圖003：啟動向?qū)г谛陆谥心憧梢允褂脛?/p>

7、畫向?qū)?chuàng)建GIF動畫。在打開欄中有三種打開方式。另外你還可以選擇“Do not show this dialog box next”來關(guān)閉這個功能。(1) Animation Wizard選擇這個可以教你一步一步地完成一個GIF動畫圖片的制作，所以如果你是初學(xué)者，強烈建議你選擇這個選項。 我個人認(rèn)為，這個動畫向?qū)?chuàng)建功能主要是方便了我們選擇，從另外一種角度想就是提高了我們制作圖片的速度。 (2) Black animation選擇這個可以建立一個空白的動畫文件，選它主要是因為你想制作一個全新的GIF圖。 (3) Open an existing image沒什么好說的，就是選擇打開一個已經(jīng)存在

8、你機器里的GIF文件。 (4) Open an exisiting video如果你想利用視頻文件的片段來制作GIF動畫的話，就可以選擇這個。我們知道視頻文件其實是由N個圖片組成的，這個后面再說。 (5) Open a sample file Ulead GIF Animator中有很多的示例文件，所以你想偷點懶，或者不是很熟悉GIF Animator的GIF動畫制作過程也可以選擇這個。 為了便于講解，我在這里選擇了“關(guān)閉”按鈕。三、實戰(zhàn)GIF Animator 5.0 1.設(shè)置GIF Animator在使用GIF Animator時，進行相關(guān)的設(shè)置，會得到更好的效果。選擇File>Pr

9、eferences，在設(shè)置選項中共有7個設(shè)置面板。在General中設(shè)置GIF Animator的普通設(shè)置。進行有關(guān)默認(rèn)的設(shè)置修改。Optimize面板中設(shè)置有關(guān)動畫優(yōu)化的參數(shù)。Plug-in Filters中進行設(shè)置GIF Animaotr所支持外掛的配件。由于篇幅關(guān)系，這里不多一一介紹有關(guān)設(shè)置的具體操作。圖004：屬性設(shè)置面板2. 軟件界面介紹菜單欄，包括文件、編輯、查看、層、圖層、濾鏡、視頻F/X和幫助七個菜單分別完成從圖像創(chuàng)建導(dǎo)入到圖層濾鏡和視頻特殊效果的功能。圖005：菜單欄Ulead GIF Animator 的工具欄上包含標(biāo)準(zhǔn)的 Windows 應(yīng)用程序按鈕， 即新建， 打開，

10、保存， 撤消， 恢復(fù)， 剪切， 復(fù)制， 粘貼按鈕， 使用方法和其他 Windows 應(yīng)用程序一樣， 我們就不在這里介紹了。在工具欄上還有一些 Ulead GIF Animator 4.0 專用的按鈕， 這是我們要著重介紹的。這些按鈕是：Add Blank Image(加入空圖像)， Add Images(從外部插入圖像， 包括從外部插入 GIF 動畫)， Add Video(加入視頻)， Add Comments(加入注釋)等。圖006：工具欄Add Blank Image 加入空圖像：在當(dāng)前層的后面加入一個新的空白層， 層中沒有任何容。Add Images 加入圖像：在當(dāng)前層的后面加入一幅新

11、的圖像， 新的圖像是從外部文件獲得的， 如果您插入的是一個 GIF 格式的動畫文件， 那么 Ulead GIF Animator會自動把動畫中的所有幀都插入到新的層， Ulead GIF Animator根據(jù)動畫的幀數(shù)相應(yīng)地產(chǎn)生新層以容納插入的圖像，可以一次選擇好幾幅圖像一起插入到動畫中。Add Video 加入視頻：插入視頻文件， 如 aiv， flc， psd， fli 等， Ulead GIF Animator 4.0 會自動把視頻文件中的所有幀都插入到 GIF 動畫中。Add Comments 加入注釋：在動畫中加入注釋， 如果您想在動畫中保存和版本， 就可以使用注釋。Move Lay

12、er Up 將當(dāng)前層向上移：把當(dāng)前層向上移動， 也就是說， 在播放這個動畫的時候， 讓當(dāng)前層出現(xiàn)的次序提前一個單位。Move Layer Down 將當(dāng)前層向下移：把當(dāng)前層向下移動， 使當(dāng)前的播放次序推后一個單位。Preview in Internet Explorer：在 Internet Explorer 中預(yù)覽動畫。Preview in Navigator：在 Navigator 中預(yù)覽動畫。Preview in Custom Browser：在用戶指定的程序(能播放 GIF 動畫的程序)中預(yù)覽動畫。Help 幫助：求助按鈕， 點擊此按鈕后， 鼠標(biāo)指針會變成箭頭和問號， 這時您可以在 U

13、lead GIF Animator的界面上隨意點擊， Ulead GIF Animator 會告訴您點擊處是什么地方以與點擊處的功能等信息。圖007：繪圖工具欄 常用工具面板，在這里可以對圖像進行修改，例如寫字，填色等。使用方法就像是Windows中自帶的畫圖工具。圖008：常用工具面板層面板，在第一次啟動程序時，層面板顯示為列表形式，可以點擊縮略圖和膠片標(biāo)簽查看每一幅圖像的縮略圖和相應(yīng)的位置順序。在導(dǎo)入多幅圖像時，列表中列出了每個圖像的標(biāo)題(每幅圖像的文件名，在參數(shù)設(shè)置區(qū)可以進行修改)圖009：層面板工作區(qū)，在這個區(qū)域中可以查看GIF動畫的結(jié)構(gòu)，還可以針對每一幅GIF動畫圖像進行編輯。在選擇

14、工作模式中有“編輯”、“優(yōu)化”和“預(yù)覽”，其中最強大的是GIF的優(yōu)化功能，在GIF Animator中預(yù)設(shè)了七個方案，可以將圖像優(yōu)化成色彩數(shù)不同的GIF動畫，相應(yīng)的優(yōu)化后的質(zhì)量也是不同的。同時還可以對優(yōu)化的各種參數(shù)進行設(shè)置，在優(yōu)化后程序還會報告優(yōu)化的效果. 3.使用動畫向?qū)е谱鱃IF動畫GIF Animator提供的動畫向?qū)Чδ芸梢栽趲追昼娭瓿蒅IF動畫制作。在制作GIF動畫前要找素材，同時也可以自己設(shè)計素材。我們知道GIF Animator實際上是把一系列的GIF圖片壓在一起而成為一個動態(tài)的圖片文件的，那么這些GIF圖片就是我們所說的素材，需要我們提前制作完成，制作的工具有很多，比如Pho

15、toshop、Fireworks和Freehand等，素材準(zhǔn)備好后就可以通過GIF Animator中的動畫向?qū)Чδ芫椭谱鞒鰧I(yè)級的動畫了。 在啟動程序時，通過GIF Animator顯示的一個啟動向?qū)硪龑?dǎo)我們創(chuàng)建動畫。也可以通過“File”菜單里面的“Animation Wizard”命令。 打開動畫向?qū)О粹o后，會彈出一個對話框(圖010)在這個對話框中可以選擇我們要制作的GIF動畫的尺寸。圖010：選擇GIF動畫尺寸一般一個普通的Banner是468*60，系統(tǒng)默認(rèn)值也是這個。當(dāng)然軟件還自帶了一些常用的尺寸規(guī)格。對于特殊的要求你可以自己進行修改。進行完有關(guān)與尺寸的設(shè)置，點擊下一步按鈕，進

16、入“Selects Files” 對話框(圖011)。進行有關(guān)素材的設(shè)置。圖011：選擇文件點擊“Add image.”按鈕，進行圖片素在的引入，可以一次引入多項，也可以一項一項分別引入。Add video與Add image不同在于一個是引進圖片作為素材，而一個是電影。進行完素材的導(dǎo)入后，點擊下一步進入“Frame Duration”設(shè)置對話框。在提示欄里面有很詳細(xì)的解釋，根據(jù)解釋再設(shè)置每個幀的延遲時間，值得注意的是在參數(shù)欄中填入的數(shù)值要除以100才是真正的延遲時間，你還可以指定幀的速率，同時在下面的演示框中可以預(yù)覽設(shè)置結(jié)果。點擊“下一步”按鈕后，將彈出動畫向?qū)瓿纱翱?。點擊完成按鈕后，一個

17、動畫就制作完成了。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)按照默認(rèn)優(yōu)化設(shè)置所優(yōu)化的圖像。另外有一個窗口是Color Palette，此窗口中顯示了優(yōu)化后圖像中使用的顏色。如果對優(yōu)化的效果不滿意，或者優(yōu)化后所取得的大小不滿意，可以

18、進行有關(guān)像素的設(shè)置。最高的像素是256，也就是系統(tǒng)默認(rèn)值，最小的是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)然G

19、IF 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

20、Active Desktop Item，出現(xiàn)如圖十二所示的對話框。沒有什么特殊的要求，選擇OK。這是桌面就會出現(xiàn)一個動態(tài)的GIF動畫。是不是很有意思？更有意思的是GIF Animator可以直接輸出為EXE文件，讓用戶只需雙擊此文件，即可觀看到動態(tài)圖片的容。點擊Export>As Animation Package(EXE).。出現(xiàn)如圖十三所示的對話框。在Select sound file中可以輸入動態(tài)GIF所采用的聲音，支持的文件格式有WAV和MID，在Generate executable file中輸入輸出的運行文件。此外，還支持URL以與最后發(fā)送消息等。一切設(shè)置完畢后，點擊OK。

21、就可以運行這個文檔了！7.渲染GIf Animator不僅可以單單支持最簡單的動畫，即把所有的圖片夾雜在一起。還可以在圖片中加入特殊的效果，例如3D等。當(dāng)然，這樣的效果一多用，文件格式就變得相當(dāng)大。其次，這樣的效果必須與動畫的主題貼切?，F(xiàn)在我們來看看在GIF Animator中置的渲染效果。所有的渲染效果均在Vido F/X菜單欄中找到。我們以最簡的文字效果來查看渲染效果。在一個468*60的Banner中輸入簡單的文字。然后選擇Video F/X>3D>Gate 3D，出現(xiàn)如圖012所示的對話框，然后進行其相關(guān)的設(shè)置。圖012：Gate 3D渲染效果 在Fames中設(shè)置4-40的

22、幀數(shù)，針數(shù)越多，文件越大。在Delay time中設(shè)置幀與幀間隔的時間。Soft中設(shè)置框的粗細(xì)，一共有4種選項“None”、“Large”、“Medium”和“Small”。在Border中設(shè)置有關(guān)邊框的顏色。選擇Reverse，表示原本逆時針運行的方向，變?yōu)轫槙r針。進行完以上設(shè)置，點擊OK，就可以輸出動畫。當(dāng)然，GIF Animator可以運用很多渲染，當(dāng)然其設(shè)置效果類似，如果你覺得夠麻煩，不用設(shè)置，就用默認(rèn)設(shè)置點擊OK。不同的渲染效果如下表所示：效果功能3DGate-3D(三維立體)在動畫中實現(xiàn)兩個幀之間的動畫3D過渡效果，可以在對話框中設(shè)置過渡方向、填充顏色和柔化過渡邊界的參數(shù)。Buil

23、dDiagonal-Build(傾斜過渡)按照不同的傾斜對角線路徑，逐漸的按照不規(guī)則塊的方式實現(xiàn)兩個幀之間的過渡ClockSweep Clock(時鐘式過渡)按照順時針和逆時針方式實現(xiàn)過渡效果F/XDiamond F/X(菱形F/X動畫)菱形效果Iris F/X(彩虹F/X動畫)十字心形的彩虹效果Mosaic F/X(馬賽克F/X動畫)馬賽克元素效果Power off F/X(關(guān)機F/X動畫)顯示器關(guān)機效果FilmFlap B-Film(分割的傾斜翻頁效果)將原來的幀分為四份，分別從中心開始傾斜的實現(xiàn)與目標(biāo)幀的過渡Progressive Film(前進式翻頁效果)也是將原來的幀分為四份，分別從

24、中心開始以前進式的方式實現(xiàn)到目標(biāo)幀的過渡Turn Page-Film(整頁翻頁效果)整頁翻頁效果來實現(xiàn)兩個幀之間的過渡，同時可以設(shè)置翻頁的方向等參數(shù)PeelTurn Page-Peel(整頁翻頁的剝落效果)以剝落的效果實現(xiàn)兩個幀之間的過渡，與上一個翻頁效果略有不同。PushRun and Stop Push(移動到停止間的推動效果)為了消除兩個幀之間生硬的動畫元素移動，使用這種效果可以將這種效果作成好看動態(tài)效果RollSide Roll(整面翻轉(zhuǎn)效果)整面翻轉(zhuǎn)效果SlideBar-Slide(條狀滑動效果)可以從不同的方向用兩個條狀的滑動實現(xiàn)過渡StretchCross Zoom-Stretc

25、h(交叉縮放拉伸效果)交叉縮放拉伸效果WipeStar Wipe(星形擦除效果)星形擦除效果2D mappingCrop(修剪效果)修剪效果Camera LenGradient(傾斜效果)在原幀中加入模糊的鏡頭，可以設(shè)定移動方向等參數(shù)Mirror(鏡象效果)對原幀中的明顯的對象加以處理，實現(xiàn)兩個幀之間的過渡Zoom Motion(縮放動作效果)縮放效果DarkroomHue&Saturation(色調(diào)飽和)設(shè)置圖像中的顏色的變化效果Nature PaintingCharcoal(木炭效果)木炭效果SpecialAdd Noise(加入噪音)在原幀中加入噪音干擾效果Wind(風(fēng))風(fēng)的效果

26、三、綜合實例1. 座右銘制作一直想找一個軟件，可以在桌面上顯示座右銘，曾經(jīng)想到過運用桌面，但是一條座右銘沒有必要牽涉到整個桌面。在使用新版本的GIF Animtor 5.0中，增加了輸出到桌面項目，由此產(chǎn)生了制作一條座右銘的動態(tài)動畫的想法。首先制作一個新項目，尺寸為468*30，當(dāng)然可以根據(jù)自己座右銘的長短進行控制。然后再新建的文件中，使用文字輸入工具，輸入文字并進行美化。為了有一個感性的認(rèn)識，選擇文字工具點擊空白處的任意地方，彈出如圖013所示的對話框。圖013：輸入文本在文本區(qū)域中輸入“You are the best!”，字體選擇Comic Sans MS，當(dāng)然字體的選擇根據(jù)個人愛好所定

27、。字體大小設(shè)置為30并加粗，Script選擇西方語言。點擊OK，把文字拖到中間。效果選擇Video F/X>Special>Wind，然后點擊OK，出現(xiàn)如圖014所示對畫面。不需進行任何設(shè)置，點擊OK，動畫便生成了。圖014：生成動畫最后就是輸出效果了。選擇Fiel>Export>As an antive desktop Item，在新出現(xiàn)的窗口點擊OK。桌面就會出現(xiàn)這樣的動畫，并且可以隨意的移動以與關(guān)閉(圖015)。圖015：座右銘最終效果2.祝福語制作萌發(fā)祝福制作的念頭來源于GIF Animator自帶輸出到EXE文件。這樣就可以通過eMail發(fā)送到朋友的信箱里，給

28、他一個小小的驚喜。新建一個500*500的素材，作一個有關(guān)生日主體的動畫，創(chuàng)意可以任意發(fā)揮。當(dāng)然也可以來自一些，個人認(rèn)為，在制作圖片動畫用渲染令人感到雜而亂，然而文字用渲染的效果相當(dāng)美觀，因此不建議在動畫中加入渲染，制作完一切動畫后，選擇Export>As Animation Package，出現(xiàn)輸出EXE對話框。在Message Box Style中選擇Dialogue1.emf文件，在用錄音機中錄入自己的祝福語(birthday.wav)，在Select sound file中選擇文件來源，在Generate executable file中輸入輸出文件的位置。在Enter Mess

29、age中輸入“生日快樂”，選擇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. Banner制作在網(wǎng)頁動畫領(lǐng)域中Banner制作領(lǐng)域相當(dāng)廣泛，一般尺寸為468*60，所以在GIF Animator中新建一個同尺寸的文件。為了使得Banner更加美觀，我們先要特別為Banner做一個

30、背景圖片。當(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 Tex

31、t。我們現(xiàn)在就來一次這樣的制作。一開始進行渲染以與Banner背景制作步驟類似，不再重復(fù)。在第一幀處點擊右鍵，選擇Add Banner Test，出現(xiàn)如圖016所示畫面，進行有關(guān)文字的美化工作。圖016：添加文字在Text面板中輸入文字，Effects面板中進行有關(guān)文字的特效，有移動，跳出等效果。進行完相關(guān)設(shè)置，點擊OK，此時會出現(xiàn)兩個選項，均可選擇。然后文字就出現(xiàn)在Banner中，所與前面制作不同之處在于Banner中文字的運轉(zhuǎn)需要等待圖形效果完畢之后(當(dāng)然要看你把文字幀插放在那里)。一切制作完畢后，輸出為GIF動畫，或者Flash動畫。GIF Animator最強大還支持很多種特效，你可以

32、在一個Banner中插入同樣文字的幾種特效，這樣會變得更美觀，所犧牲的代價就是文件過大。不過換言之，如果你沒有很好的藝術(shù)細(xì)胞，記住這句話：簡單就是美。Banner的制作主要不是技術(shù)，而是創(chuàng)意。4.用一個視頻的局部來制作 GIF 動畫用 Windows 視頻文件，如 AVI，或 Quicktime 影片，如 MOV，是快速制作極酷動畫的最輕松方法(如果不加修飾，它看上去和原始視頻一樣)。但是，大多數(shù)視頻文件都很大，在 GIF Animator 中打開整個視頻會影響效率。幸運的是，GIF Animator 帶有一個置的解決該問題的功能 ，可以選取并只打開視頻中某個特定的部分。以下講述了該操作的步驟

33、。1. 打開 GIF Animator，創(chuàng)建一個新的空白動畫。2. 單擊標(biāo)準(zhǔn)工具欄上的Add Video按鈕，打開Add Video對話框。3. 找到要用的影片文件選中后，單擊Duration按鈕。4. Duration對話框打開后，有兩個屬性需要定義要使用的起始和結(jié)束的視頻段。它們是Mark in和Mark out。有兩個方法可以用這些屬性來選取視頻段：用手工輸入幀編號(圖017)，或通過預(yù)覽窗口和視頻控件，拖動Mark in和Mark out按鈕，來標(biāo)記出要使用的部分。圖017：手工輸入幀的編號5. 在標(biāo)記出要使用的部分之后，單擊OK。Duration對話框關(guān)閉，返回到Add Video對

34、話框。再單擊OK，選擇的幀就被加載到 GIF Animator 中了。5.使用布局功能制作動畫在 GIF Animator 中，有兩個方法來創(chuàng)建移動的動態(tài)精靈。您可以很方便地在 GIF Animator 中打開一個元素，并自動完成使它穿越該 GIF 文件的邏輯屏幕的運動過程。第一個方法，用于簡單的、靜態(tài)的幀，詳細(xì)描述如下。而在下一頁講述第二個方法，用于動畫。1. 在 GIF Animator 打開背景圖像。在此我將用 ocean.gif 作為背景(圖018)。 圖018：背景圖片2. 下面，打開精靈圖像(圖019)。該圖像應(yīng)該比您剛打開的背景圖像小，否則它將不起作用。(左邊的海豚包含一個透明的

35、藍色背景。在將它導(dǎo)入到 GIF Animator 中后，我選取了該層面。圖019：外部導(dǎo)入圖片3. 選取該精靈層面，然后單擊Object> Duplicate菜單命令。 4.在本例中，因為背景不是很大，我估計 5 個副本就足夠了。 5. 下面，輸入每個副本相對于上一個副本所偏移的像素值。您可以使圖像水平或垂直偏移。6.提醒您：每個副本層面包含的設(shè)置均基于原始層面。6.壓縮實例在制作一個Banner，或者是要應(yīng)用到網(wǎng)上的動畫時，必須考慮到的一點就是圖像的大小如何。因此這個問題成了阻礙圖像采用多種特效的最大絆腳石，通過GIF Animation中的壓縮功能可以輕松做到使圖像文件容量減小。1.

36、使用動畫制作向?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. 如果在要了解這七種方案的詳細(xì)設(shè)置，點擊“高級>>”按鈕，在右邊的欄中會出現(xiàn)高級的設(shè)置。4. 在高級參數(shù)設(shè)置區(qū)中可以對一些參數(shù)進行修改，當(dāng)您認(rèn)為修改的參數(shù)要在以后經(jīng)常使用的

37、話，要點擊按鈕保存為自定義的優(yōu)化方案，在“預(yù)設(shè)”欄中填入預(yù)設(shè)的名稱，同時點擊按鈕可以刪除自定義的優(yōu)化方案，切記不要刪除GIF Animator程序自帶的優(yōu)化方案。7.真正的壓縮實例1. 如果使用預(yù)設(shè)的優(yōu)化方案中希奇古怪的設(shè)置令你摸不清頭腦，可以使用優(yōu)化向?qū)А｜c擊File>Optimizeothion Wizand，啟動優(yōu)化向?qū)АD021：啟動優(yōu)化向?qū)?.在彈出的優(yōu)化向?qū)υ捒蛑?，選擇推薦的“是”選項，點擊“下一步”按鈕。3.在出現(xiàn)的對話框中，設(shè)置GIF格式的顏色數(shù)，并且在下面可以設(shè)置圖像的抖動。值得注意的是，正象在對話框中提醒的一樣，顏色應(yīng)用太少，是可以減小整個文件的大小，但是顏色應(yīng)用太

38、少可能使圖像中的顏色失真，反而得不償失。點擊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)化的成效。如圖022。點擊Preview按鈕，可以預(yù)覽GIF動畫的效果。圖022：優(yōu)化后的結(jié)果7.如果對優(yōu)化的成效不太滿意，點擊Another Try按鈕，又回到向?qū)У牡谝徊?，再對GIF動畫的各

39、個參數(shù)進行設(shè)置。8.果不想覆蓋當(dāng)前的GIF動畫文件，點擊“另存為”按鈕，將優(yōu)化后的GIF動畫文件存為另外的文件。9.點擊“確定”按鈕，完成優(yōu)化。10.同時可以點擊菜單File>Batch Process，可以批量優(yōu)化處理一個文件夾中的GIF動畫文件。11.在彈出的對話框中可以對優(yōu)化處理的參數(shù)進行設(shè)置。若包含要處理子文件夾中的GIF動畫文件，在包含子文件夾的選項前點鉤。圖022：優(yōu)化的參數(shù)設(shè)置12.如果要選擇相應(yīng)的文件選擇By floder，并點擊Browse按鈕選擇文件。13.如果要創(chuàng)建新文件和要刪除原始文件，在創(chuàng)建新文件和在刪除原始文件前點鉤。14.如果沒有必要，不要選擇添加自定義注釋

40、塊，那樣可能不會起到優(yōu)化的作用。15.點擊“確定”按鈕，GIF Animator將對文件進行批量優(yōu)化。7.利用視頻文件來制作GIF動畫 前面我們已經(jīng)說過，利用視頻文件來制作GIF動畫，比如AVI、Quicktime、MOV等，實際上是利用了視頻文件都是有N個動畫元素組成的動畫，我們可以把它的每一個元素幀，想像成我們制作GIF動畫的每一個GIF圖片就比較容易想通了。不過有一點，由于視頻文件都比較龐大，如果轉(zhuǎn)成GIF動畫，將是一個巨大的圖片，在網(wǎng)上幾乎無法傳輸了，所以我們只能截取視頻文件的片段來做處理。 基本步驟和打開一個GIF動畫沒有什么區(qū)別。 1、在文件菜單里選擇Open Video，彈出選擇

41、文件窗口。 2、選中你要編輯的視頻文件，按Open。 3、那么這個食品文件就自動被解析成N個圖片，和我們打開一個GIF動畫一個效果。 4、其它如編輯、優(yōu)化也都一樣處理。 5、保存成GIF格式的圖片。 注意以下問題： 1、GIF Animator是一個相當(dāng)強大的網(wǎng)頁圖像動畫制作軟件，支持多中格式的文件，不要誤解為只支持GIF圖片一種格式。 2、我們在調(diào)入文件時，最好按照動畫的播放順序打開，盡管調(diào)入文件后對文件的次序我們還可以隨時修改，但是為了避免出錯，還是養(yǎng)成這么一個習(xí)慣好。3、在其它圖像處理軟件中設(shè)計每幅圖像時，要盡量使用比較簡單的顏色，否則使用GIF格式時，有些顏色后改變。 4、利用一圖片，

42、我們就可以制作出非常漂亮的GIF動畫圖片出來，主要可以利用復(fù)制、旋轉(zhuǎn)、翻轉(zhuǎn)等功能。 5、設(shè)計完每幅圖像后，應(yīng)將文件保存為GIF格式，以減小動畫大小。 6、研究使用濾鏡和透明效果，其實圖片的水平如何，主要看對濾鏡和透明效果的運用了，像其它的工具，比如Photoshop等也一樣。 7、在編輯完動畫后，要將動畫優(yōu)化，同時可以設(shè)置優(yōu)化參數(shù)以減小動畫大小。 8、習(xí)慣隨時使用預(yù)覽功能，使動畫的制作和調(diào)試得以控制好。8. 使用Simple Text Objects制作一個文字Banner我們以上已經(jīng)提到過Simple Text Oobjects這個功能，在這個實例中，會學(xué)習(xí)到只用這個功能而作出一個文字類型的

43、Banner。1. 先建一個460*80的文件，背景色為白色。2. 在Banner的四周畫一個細(xì)小的矩形。3.現(xiàn)在我們就可以輸入我們的文字了，選擇Frame>Duplicate Frame新建一個幀。圖023：復(fù)制幀4.在第二幀，選擇輸入文本工具。5.輸入完文字之后，在文字處單擊右鍵，選擇Shadow。建立文字陰影效果。圖023：給文字添加陰影效果6.選擇Object>Text > Split Text，這個時候可以看到一個個文字獨立存在著。圖024：分裂文字7.現(xiàn)在我們按照文字多少，建立十個幀。8.在第二幀中，只保留I這個字母，其他字母層均為隱藏。圖024：為文字建立動畫9

44、.當(dāng)然，在第三幀時，保留I和 a這兩個字母，其他字母為隱藏屬性。10.依據(jù)類推，就可以建立處正在打字效果。9. 朦朧就是美在這個例子中，你將成為一個設(shè)計大師，為你自己或者你心愛的女子做一圖片，并作成朦朧的效果。首先在GIF Animator中打開圖025的照片，對圖片加以修改或者修飾。選用文字工具輸入圖片中女主角的名字，當(dāng)然要與背景所相襯。圖025：導(dǎo)入照片選擇文字工具，在照片的最底部，使用字體工具輸入“Coolergirl”，考慮到照片是長高寬短，因此字體選擇20。在圖片中單擊右鍵，選擇Test>Nero，對文字進行特別的修飾，彈出圖026所示對話框。圖026：Nero對話框在Nero

45、項上打勾，就可以發(fā)現(xiàn)圖中的文字產(chǎn)生變化，如圖027，點擊OK。圖027：添加效果后的文字現(xiàn)在開始制作有關(guān)朦朧效果，朦朧效果是在GIF Animator 5版本中新增的一種效果，選擇Video F/X >Nature Painting>Charcol，出現(xiàn)圖四窗口，為了使朦朧效果比較突出，在Apply this effects to how many數(shù)字框中輸入20。點擊OK，出現(xiàn)圖028所示對話框。圖028：應(yīng)用濾鏡效果由于圖片不是等像素壓縮，因此有變形。不用修改任何設(shè)置，點擊OK。這樣一個朦朧效果的動畫就算完成。圖029：最終的朦朧效果你可以用來制作一個自己的網(wǎng)頁，或者發(fā)給你朋友

46、，都不用害羞了。四、外掛軟件GIF-X Plugin是一款GIF Animator的外掛軟件。從GIF-X Plugin 1.0到GIF-X Plugin 2.0，友立除了在效果上增加了不少動畫功效外，還引入了圖庫(Gallery)的方式，你既可以根據(jù)自己的喜好設(shè)計出能體現(xiàn)個性的作品，也可以從友立提供給你的圖庫(Gallery)中選擇一個滿意的效果。由于GIF-X Plugin是外掛在Photoshop中的一個外掛濾鏡，所以，如果你對創(chuàng)作的動畫不很滿意，或者出來的效果不太明顯，你還可以在Photoshop中進行其它的特效處理，當(dāng)然你在GIF-X Plugin中做好的動畫也可以直接儲存在磁盤上(

47、只要你覺得這個效果還可以)，不必再通過Photoshop進行儲存，這樣不僅可大大減少做好后的動畫的字節(jié)數(shù)，而且還可以不讓圖片太失真，因為友立的GIF動畫軟件的一大缺點就是做出GIF圖片字節(jié)數(shù)太大，而且能夠再壓縮的冗余比較大，一般我們做好后都要用一些減肥軟件減肥一下，不過GIF-X Plugin 2.0的有一大好處就是出來的GIF圖片能夠保證失真小，即如果你使用的圖片是16M的話，出來的GIF圖片一定不會是256色的，這樣你的GIF看上去就不會效果太差，下面我們就GIF-X Plugin 2.0做一下簡單的介紹，如果你看了下面的介紹還感覺可以，就趕快去買來裝上用吧，或者到友立GIF-X Plug

48、in的 webutilities 上去下載一個GIF-X Plugin2.0的試用版來玩玩吧，界面如下圖。圖030：GIF-X界面GIF-X Plugin 2.0提供有“Motion”動作與“Light”燈光兩類特效?！癕otion”特效有旋轉(zhuǎn)(Rotation)、掃描(Scan)、自動換片(Nickelodeon)、立方體(Cube)、克隆(Clone)、書狀翻頁(Open book)、彈球狀(Bounce)、放大、縮小(Zoom)等特效，每一種動畫效果又可以通過旁邊的參數(shù)(Parameters)選項來調(diào)節(jié)效果，選擇一種自己滿意的模式，來達到讓人滿意的效果，設(shè)置好參數(shù)，就可以在"K

49、ey Frame Control"項中進行效果預(yù)覽，可以話就OK，SAVE你的作品，不行再來，效果多多，如果真的嫌這樣選來選去太麻煩，那么，做下一步：看見“Gallery”選項沒有，這里相信有你需要的東西，看看下面的一些效果吧，絕對不是一般的GIF動畫制作軟件那樣的喲！ 圖031： Motion圖庫在上面的圖片中，你可以看到GIF-X Plugin 2.0中“Motion”特效出來的各種效果圖，第一種是旋轉(zhuǎn)(Rotation)效果；2-3是掃描(Scan)效果，有條柱狀(beam)、金屬狀(metal)、聚光燈狀(Spotlig)三種方式；4-6是自動換片效果，有上-下形(Top-d

50、own)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四種方式；7是3D模式效果(3D MAP)，有球狀(Sphere)與立方狀(Cube)兩種方式；8-9是立方體(Cube)效果，同樣有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四種方式；10是書狀翻頁(Open book)效果，也有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四種方式；11-12是彈球狀(Bounce)效果；13-14是放大、縮小(Zoom)效果，有放大模糊(Zoom blur)、縮小透鏡(Zoom lens)兩種方式；15-16是旗子效果(FLAG)；17-18是色彩變化效果(Color Shift)；19-20是氖光燈效果(Neon)。當(dāng)然，以上的模式并不一定就是絕對的，你還可以自己添置一些效果進去，在使用中就可以自由運用了。上面介紹了GIF-X Plugin 2.0中“Motion”特效，下面讓我們看看GIF-X Plugin 2.0中的“LIGHT”特效，其全部的效果圖如下：圖032：Light圖庫