動態(tài)圖片制作閃圖制作_第1頁
動態(tài)圖片制作閃圖制作_第2頁
動態(tài)圖片制作閃圖制作_第3頁
動態(tài)圖片制作閃圖制作_第4頁
動態(tài)圖片制作閃圖制作_第5頁
已閱讀5頁,還剩50頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

1、Ef'】您位于:書籍教程下載首頁 軟件操作使用教程 電腦軟件教程 圖形圖像 動畫制作 正文如何什么 Ulead GIF Animator 5全新接觸教程 教學學習使用操作制作方法幫助Ulead GIF Ani mator 5全新接觸上一主題:Flash導航菜單制作好幫手下一主題:輕松動畫制作-Gif Animator$1割創(chuàng)創(chuàng)$1創(chuàng)&1創(chuàng)$互聯(lián)網(wǎng)不斷地發(fā)展,導致網(wǎng)站不斷地增加,其中不乏一些優(yōu)秀的個人網(wǎng)站。做網(wǎng)站其實很容易掌握,但是如何做出漂亮而又吸引人的網(wǎng)站,并不是所有掌握技術的人都能實現(xiàn)的。在網(wǎng)頁設計中,不乏有兩種,一種是文字,另一種是圖片起到了主導地位。在圖片當中,動態(tài)圖片

2、又是獨支一秀。網(wǎng)站的各類Banner和Logo也都采用了動態(tài)圖片。有關動態(tài)圖片大家 都不陌生,但是如何達到這樣的效果卻是相當?shù)睦щy。但是自從Ulead GIF An imator 推出后,動畫制作變得相當簡易, 而這次Ulead公司又推出了 5.0的新版本,這個版本讓筆者體 會到制作動態(tài)圖片的樂趣,現(xiàn)在就讓我們來看看吧。Ulead GIF An imator百度一下軟件 11505588122175.html、新增功能1.更人性化的用戶界面GIF An imator 5.0重新設計了用戶界面,讓你在制作動畫圖片的時候更方便,這個版本的工作區(qū)域已經(jīng)完全支持真彩色,無論你是在設計還是預覽的時候都可

3、以在真彩色的環(huán)境下了。同時,一般常用的做動畫的流程都已經(jīng)簡化在編輯、優(yōu)化和預覽選項卡之間,很大程度上簡化了操作難度。圖002 :操作界面2.增強的編輯能力這個版本的GIF Animator 在文字編輯器、選色器和選取工具上面都加強了各自的功 能。同時轉換器也相應的得到了增強,現(xiàn)在你已經(jīng)可以隨意調(diào)整對象的大小和角度了。3.支持更多的輸出格式GIF An imator 5.0支持的輸出格式除了標準的GIF以外,現(xiàn)在還可以輸出FLASH格式的SWF文件了。也就是說,你可以用它來做 FLASH動畫了。當然它還可以輸出 MPEG avi、mov等視頻格式的文件,這樣一來,只要你的系統(tǒng)安裝了MPEG4的驅(qū)

4、動程序,GIFAn imator 5.0 也可以直接輸出 MPEG4的動畫了。另外值得一提的是,它還支持Photoimpact的UFO和Photo Shop的PSD文件,這樣你辛苦做出來的動畫里面的層就可 以得以保存和發(fā)揚光大了。4. 增加對象管理器支持更多的輸出格式這個功能在PHOTO SHOP等軟件上面已經(jīng)老早就有了,其優(yōu)點也已經(jīng)得到了廣泛的認可,GIF Animator 5.0也當然不會漠視,終于在這個版本里加入了這個功能,有了它以后管理、編輯起動畫里面的各個對象元素就方便多了。5. 外部編輯器調(diào)用你現(xiàn)在可以在GIF An imator 里面直接調(diào)用更好的圖像編輯軟件如:Photoimp

5、act 、Photo Shop等來編輯 GIF Animator里面的對象圖形了,很大程度上擴展了GIF Animator的功能。當然我推薦大家還是用Photoimpact 比較好點,畢竟是同一家公司的產(chǎn)品,無論的兼容性還是操作界面上都要好點、方便點。新版本的GIF Animator在圖像壓縮優(yōu)化方面更完善,你可以利用有損壓縮、 抖動顏色、顏色索引編輯等等功能來進一步優(yōu)化你的作品的輸出效果,而這些操作都會即時可以看到預覽效果。7. 新增兩個濾鏡新版本的GIF Animator增加了兩個特效濾鏡 Color Replace和Color Shift ,讓你 只需簡單步驟就可以做出漂亮的效果。8.

6、其它GIF An imator除了可以輸出SWF等文件外,還可以把你的動畫導出為一個可以執(zhí)行的 EXE文件,讓別人無需看圖工具也可以欣賞到你的作品,同時,這個可執(zhí)行文件還可以在你的作品展示完后用一些圖片做背景顯示你預先輸入的一些字句,這個功能用來做電子賀卡相當不錯。二、下載與安裝以上略微介紹了 Gif An imator 5新版本中的功能,使大家對它有了感性的認識,下面我們就一步步地挖掘Gif An imator 的強大功能。軟件可以在 Ulead公司的官方網(wǎng)站( 下載得到。下載得到的是一個試用版本,只能有期限的試用15天,當然這個是免費的啦!只要點擊安裝文件,一路“ Next”下來就可以,如

7、果你想更改安裝路徑的話,在系統(tǒng)提 示你是否需要更改時更改就可以了。開始使用 Ulead GIF Animator 5.0當啟動軟件后,點擊 Try按鈕進入真正的操作。這時,程序會彈出一個啟動向?qū)硪龑гO計者制作GIF動畫。在這里你可以新建或者打開一個GIF圖片。圖003 :啟動向?qū)г谛陆谥心憧梢允褂脛赢嬒驅(qū)?chuàng)建GIF動畫。在打開欄中有三種打開方式。另外你還可以選擇“ Do not show this dialog box next”來關閉這個功能。(1) Ani mati on Wizard選擇這個可以教你一步一步地完成一個GIF動畫圖片的制作,所以如果你是初學者,強烈建議你選擇這個選項。我

8、個人認為,這個動畫向?qū)?chuàng)建功能主要是方便了我們選擇,從另外一種角度想就是提高了我們制作圖片的速度。(2) Black ani mati on選擇這個可以建立一個空白的動畫文件,選它主要是因為你想制作一個全新的GIF圖。(3) Open an existi ng image沒什么好說的,就是選擇打開一個已經(jīng)存在你機器里的GIF文件。(4) Open an exisit ing video如果你想利用視頻文件的片段來制作GIF動畫的話,就可以選擇這個。我們知道視頻文件其實是由N個圖片組成的,這個后面再說。(5) Open a sample fileUlead GIF An imator中有很多的示

9、例文件,所以你想偷點懶,或者不是很熟悉GIFAnimator的GIF動畫制作過程也可以選擇這個。為了便于講解,我在這里選擇了“關閉”按鈕。、實戰(zhàn) GIF Animator 5.01. 設置 GIF Animator在使用GIF Animator時,進行相關的設置,會得到更好的效果。選擇File>Preferences在設置選項中共有 7個設置面板。在 Ge neral中設置GIF An imator的普通設置。進行有關 默認的設置修改。Optimize面板中設置有關動畫優(yōu)化的參數(shù)。Plug-in Filters中進行設置GIF Animaotr所支持外掛的配件。由于篇幅關系,這里不多一一

10、介紹有關設置的具體操作。圖004 :屬性設置面板軟件界面介紹F/X和幫助七個菜單分別完成菜單欄,包括文件、編輯、查看、層、圖層、濾鏡、視頻從圖像創(chuàng)建導入到圖層濾鏡和視頻特殊效果的功能。Ekj 匚弘兇戸t Ffdihc Fiittn Video F/X Hdp圖005:菜單欄Ulead GIF Animator的工具欄上包含標準的 Windows應用程序按鈕,即新建,打開, 保存, 撤消,恢復,剪切,復制, 粘貼按鈕, 使用方法和其他 Windows應用程序一 樣,我們就不在這里介紹了。在工具欄上還有一些Ulead GIF Animator 4.0專用的按鈕,這是我們要著重介紹的。這些按鈕是:A

11、dd Blank lmage(加入空圖像),Add lmages(從外部插入圖像, 包括從外部插入 GIF動畫),Add Video(加入視頻),Add Comments(加入 注釋)等。屯艮口遐丫丨般右 叩圖006:工具欄Add Bla nk Image 加入空圖像:在當前層的后面加入一個新的空白層,層中沒有任何內(nèi)容。Add Images加入圖像:在當前層的后面加入一幅新的圖像,新的圖像是從外部文件獲得的, 如果您插入的是一個 GIF格式的動畫文件,那么Ulead GIF Animator 會自動把動畫中的所有幀都插入到新的層,Ulead GIF An imator根據(jù)動畫的幀數(shù)相應地產(chǎn)生新

12、層以容納插入的圖像,可以一次選擇好幾幅圖像一起插入到動畫中。Add Video 加入視頻:插入視頻文件,女口 aiv , flc , psd, fli 等,Ulead GIFAnimator 4.0會自動把視頻文件中的所有幀都插入到GIF動畫中。Add Comme nts加入注釋:在動畫中加入注釋,如果您想在動畫中保存版權和版本,就可以使用注釋。也就是說, 在播放這個動畫的使當前的播放次序推后一個Move Layer Up將當前層向上移:把當前層向上移動, 時候, 讓當前層出現(xiàn)的次序提前一個單位。Move Layer Down將當前層向下移:把當前層向下移動, 單位。Preview in In

13、ternet Explorer:在 Internet Explorer中預覽動畫。Preview in Navigator :在 Navigator 中預覽動畫。Preview in Custom Browser :在用戶指定的程序(能播放GIF動畫的程序)中預覽動畫。這時您可以在Help幫助:求助按鈕, 點擊此按鈕后,鼠標指針會變成箭頭和問號,Ulead GIF An imator的界面上隨意點擊,Ulead GIF An imator會告訴您點擊處是什么地方以及點擊處的功能等信息。素材準備好后就可以通過GIF An imator中的動畫向?qū)Чδ芫椭谱鞒鰧I(yè)級的動畫了。素材準備好后就可以通過

14、GIF An imator中的動畫向?qū)Чδ芫椭谱鞒鰧I(yè)級的動畫了。圖007 :繪圖工具欄常用工具面板,在這里可以對圖像進行修改,例如寫字,填色等。使用方法就像是Windows中自帶的畫圖工具。圖008:常用工具面板層面板,在第一次啟動程序時, 層面板顯示為列表形式, 可以點擊縮略圖和膠片標簽查看每一幅圖像的縮略圖和相應的位置順序。在導入多幅圖像時, 列表中列出了每個圖像的標題(每幅圖像的文件名,在參數(shù)設置區(qū)可以進行修改)圖009:層面板工作區(qū),在這個區(qū)域中可以查看GIF動畫的結構,還可以針對每一幅 GIF動畫圖像進行編輯。在選擇工作模式中有“編輯”、“優(yōu)化”和“預覽”,其中最強大的是 GIF的

15、優(yōu)化功能,在GIF Animator中預設了七個方案,可以將圖像優(yōu)化成色彩數(shù)不同的GIF動畫,相應的優(yōu)化后的質(zhì)量也是不同的。同時還可以對優(yōu)化的各種參數(shù)進行設置,在優(yōu)化后程序還會報告優(yōu)化的效果2. 使用動畫向?qū)е谱?GIF動畫GIF Animator提供的動畫向?qū)Чδ芸梢栽趲追昼娭畠?nèi)完成GIF動畫制作。在制作 GIF動畫前要找素材,同時也可以自己設計素材。我們知道GIF An imator實際上是把一系列的GIF圖片壓在一起而成為一個動態(tài)的圖片文件的,那么這些GIF圖片就是我們所說的素材,需要我們提前制作完成,制作的工具有很多,比如Photoshop、Fireworks和Freehand等,在啟

16、動程序時,通過GIF An imator顯示的一個啟動向?qū)硪龑覀儎?chuàng)建動畫。也可以通過"File ”菜單里面的"Animation Wizard ”命令。打開動畫向?qū)О粹o后,會彈出一個對話框(圖010)在這個對話框中可以選擇我們要制作的GIF動畫的尺寸。圖010 :選擇GIF動畫尺寸一般一個普通的 Banner是468*60,系統(tǒng)默認值也是這個。當然軟件還自帶了一些常用 的尺寸規(guī)格。對于特殊的要求你可以自己進行修改。進行完有關與尺寸的設置,點擊下一步按鈕,進入"Selects Files ”對話框(圖011)。進行有關素材的設置。素材準備好后就可以通過GIF A

17、n imator中的動畫向?qū)Чδ芫椭谱鞒鰧I(yè)級的動畫了。圖011 :選擇文件點擊“Add image. ”按鈕,進行圖片素在的引入,可以一次引入多項,也可以一項一 項分別引入。Add video與Add image不同在于一個是引進圖片作為素材,而一個是電影。進行完素材的導入后,點擊下一步進入“ Frame Duration ”設置對話框。在提示欄里面 有很詳細的解釋,根據(jù)解釋再設置每個幀的延遲時間, 值得注意的是在參數(shù)欄中填入的數(shù)值 要除以100才是真正的延遲時間,你還可以指定幀的速率,同時在下面的演示框中可以預覽 設置結果。點擊“下一步”按鈕后,將彈出動畫向?qū)б灰煌瓿纱翱?。點擊完成按鈕后,

18、一個動畫就制作完成了。3. 優(yōu)化GIF動畫在設計動畫過程中,當幀數(shù)較多時,這個動畫文件可能會較大,不適合于在網(wǎng)絡上傳播,所以GIF Animator中提供了對動畫進行優(yōu)化的功能。這種功能的原理是將將幀的圖像分割中若干塊,在幀之間的變換時,相同的塊將在第二個幀中被刪除,達到減小文件文件大小的目的。所以我們要對自己創(chuàng)建的動畫再進行一下優(yōu)化。點選Optimize按鈕,進入優(yōu)化設置,窗口如圖一所示。在這個窗口的左側是原始圖像,右側是系統(tǒng)按照默認優(yōu)化設置所優(yōu)化的圖像。另外有一個窗口是Color Palette,此窗口中顯示了優(yōu)化后圖像中使用的顏色。如果對優(yōu)化的效果不滿意,或者優(yōu)化后所取得的大小不滿意,可

19、以進行有關像素的設置。最高的像素是256,也就是系統(tǒng)默認值,最小的是16,其優(yōu)化效果真的是不堪入目。4. 預覽GIF動畫完成一切的制作后,是不是想欣賞一下你的大作?點擊 Preview預覽窗口,就可以發(fā)現(xiàn)這個動畫正在不斷地閃爍。同時你可以調(diào)用一些瀏覽器觀看它。GIF An imator 5.0允許In ternet Explorer、Navigator 和 Custom Browse 這三種瀏覽器查看動畫。5. 輸出GIF動畫完成這一步,你的 GIF動畫就順利成形了。最直接的輸出就是把動畫保存為GIF,可以讓它在網(wǎng)頁中隨意地插入。選擇File>Save As>GIF File,輸入

20、文件名稱即可。當然GIFAnimaotr同樣支持其他文件格式,例如PSD以及非常流行的Flash格式SWF這些文章格式卻只能用于瀏覽,如果再次進行編輯則需要重新來過。因此GIF Animator自己開發(fā)了一種保留GIF動畫信息的文件格式:uga。選擇File>Save即可進行這種文件格式的保存。當需要再次修改這個動態(tài)GIF的時候就可以調(diào)用這個文件,然后再上進行修改。GIF An imator同時還支持了輸出為網(wǎng)頁格式,輸出為桌面項目。網(wǎng)頁格式在這里不用 向大家解釋,桌面項目是一個很有意思的功能,它利用了 Windows中自帶的桌面自定義功能,把動態(tài)的GIF動畫放置在桌面上。點擊Expor

21、t>As an Active Desktop Item,出現(xiàn)如圖十二所示的對話框。沒有什么特殊的要求,選擇 0K這是桌面就會出現(xiàn)一個動態(tài)的GIF動畫。是不是很有意思?更有意思的是GIF Animator可以直接輸出為 EXE文件,讓用戶只需雙擊此文件,即可觀看到動態(tài)圖 片的內(nèi)容。點擊Export>As Animation Package(EXE).。出現(xiàn)如圖十三所示的對話框。在Selectsound file中可以輸入動態(tài) GIF所采用的聲音,支持的文件格式有 WAX和MID,在Gen erateexecutable file 中輸入輸出的運行文件。此外,還支持URL鏈接以及最后發(fā)

22、送消息等。一切設置完畢后,點擊0K。就可以運行這個文檔了!渲染Gif An imator 不僅可以單單支持最簡單的動畫,即把所有的圖片夾雜在一起。還可以 在圖片中加入特殊的效果,例如3D等。當然,這樣的效果一多用, 文件格式就變得相當大。其次,這樣的效果必須與動畫的主題貼切?,F(xiàn)在我們來看看在GIF An imator中內(nèi)置的渲染效果。所有的渲染效果均在Vido F/X菜單欄中找到。我們以最簡的文字效果來查看渲染效果。在一個468*60的Banner中輸入簡單的文字。然后選擇Video F/X>3D>Gate 3D,出現(xiàn)如圖012所示的對話框,然后進行其相關的設置。圖012 : Ga

23、te 3D渲染效果在Fames中設置4-40的幀數(shù),針數(shù)越多,文件越大。在Delay time中設置幀與幀間隔的時間。Soft中設置框的粗細,一共有4種選項"None'、" Large "、“ Medium和“Small ”。在Border中設置有關邊框的顏色。選擇Reverse ,表示原本逆時針運行的方向,當然,GIF An imator可以運用很多渲染,當然其設置效果類似,如果你覺得夠麻煩,不用設置,就用默認設置點擊0K。不同的渲染效果如下表所示:效果功能在動畫中實現(xiàn)兩個幀之間的動畫3D過渡效果,可以3DGate-3D(三維立體)在對話框中設置過渡方向

24、、填充顏色和柔化過渡邊界的參數(shù)。按照不同的傾斜對角線路徑,逐漸的按照不規(guī)則塊BuildDiagonal-Build(傾斜過渡)的方式實現(xiàn)兩個幀之間的過渡ClockSweep Clock(時鐘式過渡)按照順時針和逆時針方式實現(xiàn)過渡效果Diamond F/X(菱形 F/X 動畫)菱形效果F/XIris F/X( 彩虹F/X動畫)十字心形的彩虹效果Mosaic F/X(馬賽克F/X動畫)馬賽克元素效果Power off F/X(關機 F/X 動畫)顯示器關機效果Flap B-Film(分割的傾斜翻頁將原來的幀分為四份,分別從中心開始傾斜的實現(xiàn)效果)與目標幀的過渡FilmProgressive Fil

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

26、etch(交叉縮可以從不同的方向用兩個條狀的滑動實現(xiàn)過渡Stretch放拉伸效果)交叉縮放拉伸效果Wipe2DStar Wipe(星形擦除效果)星形擦除效果Crop,(修剪效果) mapping修剪效果Gradient(傾斜效果)CameraLenMirror(鏡象效果)Zoom Motion(縮放動作效果)DarkroomHue&Saturation(色調(diào)飽和)NatureCharcoal(木炭效果) PaintingAdd Noise(加入噪音) SpecialWind(風)在原幀中加入模糊的鏡頭,可以設定移動方向等參數(shù)對原幀中的明顯的對象加以處理,實現(xiàn)兩個幀之間的過渡縮放效果設置

27、圖像中的顏色的變化效果木炭效果在原幀中加入噪音干擾效果風的效果三、綜合實例1. 座右銘制作一直想找一個軟件, 可以在桌面上顯示座右銘,曾經(jīng)想到過運用桌面,但是一條座右銘沒有必要牽涉到整個桌面。在使用新版本的GIF An imtor 5.0中,增加了輸出到桌面項目,由此產(chǎn)生了制作一條座右銘的動態(tài)動畫的想法。首先制作一個新項目,尺寸為468*30,當然可以根據(jù)自己座右銘的長短進行控制。然后再新建的文件中,使用文字輸入工具, 輸入文字并進行美化。 為了有一個感性的認識, 選圖013 :輸入文本在文本區(qū)域中輸入"You are the best!",字體選擇Comic Sans M

28、S,當然字體的選擇根據(jù)個人愛好所定。字體大小設置為30并加粗,Script選擇西方語言。點擊OK把文字拖到中間。效果選擇Video F/X>Special>Wi nd,然后點擊OK出現(xiàn)如圖014所示對畫面。不需進行任何設置,點擊 OK動畫便生成了。圖014 :生成動畫最后就是輸出效果了。選擇Fiel>Export>As an an tive desktop Item,在新出現(xiàn)的窗口點擊OK桌面就會出現(xiàn)這樣的動畫,并且可以隨意的移動以及關閉(圖015)。圖015 :座右銘最終效果2. 祝福語制作萌發(fā)祝福制作的念頭來源于GIF Animator自帶輸出到EXE文件。這樣就可

29、以通過eMail發(fā)送到朋友的信箱里,給他一個小小的驚喜。新建一個500*500的素材,作一個有關生日主體的動畫,創(chuàng)意可以任意發(fā)揮。當然也可以來自一些網(wǎng)站,個人認為,在制作圖片動畫用渲染令人感到雜而亂,然而文字用渲染的效果相當美觀,因此不建議在動畫中加入渲染,制作完一切動畫后,選擇Export>As Animation Package,出現(xiàn)輸出 EXE對話框。在Message Box Style 中選擇 Dialogue1.emf 文件,在用錄音機中錄入自己的祝福語 (birthday.wav),在 Select sound file中選擇文件來源,在Gen erate executabl

30、e file中輸入輸出文件的位置。在Enter Message中輸入"生日快樂”,選擇 Font進行有關字體的設置,在 Loop Count(循環(huán)數(shù))中設置循環(huán)次數(shù),如果要使用無限循環(huán),選中Loopinfinitely(無窮循環(huán))。分別在 Start Frame Position( 開始幀位置)End Frame Position( 結束幀位置)中分別設置動畫的開始結束位置。如果要隨機的顯示,將這兩項設置為 Random隨機)。最后點擊 OK輸出動畫。3. 網(wǎng)站Banner制作在網(wǎng)頁動畫領域中網(wǎng)站Banner制作領域相當廣泛,一般尺寸為468*60,所以在GIFAnimator中新建

31、一個同尺寸的文件。為了使得Banner更加美觀,我們先要特別為Banner做一個背景圖片。當然可以調(diào)用功能強大的Photoshop,或者單一的使用 Windows自帶的畫筆程序。同樣也可以在網(wǎng)上找到素材。然后在素材上輸入有關Banner的主題“心跳回憶-玩得就是心跳”,在輸入文字時,不但要考慮到文字的大小、顏色還要考慮到與背景圖片協(xié) 調(diào)效果。制作完這些之后,就可以進行渲染設置,這次采用Ires-F/X 渲染項,輸出圖像。我們現(xiàn)在來討論一下文字的效果,畢竟文字是體現(xiàn)Banner主題的,在制作 Banner時,可以在背景上直接增加文字,軟件把文字與圖象看成一個部分。另外一種增加文字的方法就是進行完

32、渲染之后,在某一個需要出現(xiàn)文字的Frame中,單擊右鍵,選擇 Add Banner Text。我們現(xiàn)在就來一次這樣的制作。一開始進行渲染以及 Banner背景制作步驟類似,不再重復。在第一幀處點擊右鍵,選擇Add Banner Test,出現(xiàn)如圖016所示畫面,進行有關文字的美化工作。圖016 :添加文字在Text面板中輸入文字,Effects面板中進行有關文字的特效,有移動,跳出等效果。進行完相關設置,點擊0K此時會出現(xiàn)兩個選項,均可選擇。然后文字就出現(xiàn)在 Banner中,所與前面制作不同之處在于Banner中文字的運轉需要等待圖形效果完畢之后(當然要看你把文字幀插放在那里)。一切制作完畢后

33、,輸出為 GIF動畫,或者Flash動畫。GIF Animator最強大還支持很多種特效,你可以在一個Banner中插入同樣文字的幾種特效,這樣會變得更美觀, 所犧牲的代價就是文件過大。 不過換言之,如果你沒有很好的藝 術細胞,記住這句話:簡單就是美。網(wǎng)站Banner的制作主要不是技術,而是創(chuàng)意。4. 用一個視頻的局部來制作 GIF動畫用Windows視頻文件,如AVI,或Quicktime 影片,如MOV是快速制作極酷動畫的 最輕松方法(如果不加修飾,它看上去和原始視頻一樣)。但是,大多數(shù)視頻文件都很大, 在GIF Animator帶有一個內(nèi)置的解決GIF An imator中打開整個視頻會

34、影響效率。幸運的是,該問題的功能,可以選取并只打開視頻中某個特定的部分。以下講述了該操作的步驟。1. 打開GIF Animator ,創(chuàng)建一個新的空白動畫。2. 單擊標準工具欄上的 Add Video按鈕,打開 Add Video對話框。3. 找到要用的影片文件選中后,單擊Duration按鈕。4. Durati on對話框打開后,有兩個屬性需要定義要使用的起始和結束的視頻段。它們是Mark in和Mark out。有兩個方法可以用這些屬性來選取視頻段:用手工輸入幀編號(圖017),或通過預覽窗口和視頻控件,拖動Mark in和Mark out按鈕,來標記出要使用的部分。圖017 :手工輸入幀

35、的編號5. 在標記出要使用的部分之后,單擊OK Duration 對話框關閉,返回到 Add Video對話框。再單擊 OK選擇的幀就被加載到 GIF Animator中了。5. 使用布局功能制作動畫在GIF An imator 中,有兩個方法來創(chuàng)建移動的動態(tài)精靈。您可以很方便地在GIFAnimator中打開一個元素,并自動完成使它穿越該GIF文件的邏輯屏幕的運動過程。第個方法,用于簡單的、靜態(tài)的幀,詳細描述如下。而在下一頁講述第二個方法,用于動畫。1. 在GIF Animator打開背景圖像。在此我將用ocean.gif作為背景(圖018)。圖018 :背景圖片2. 下面,打開精靈圖像(圖0

36、19)。該圖像應該比您剛打開的背景圖像小,否則它將不起作用。(左邊的海豚包含一個透明的藍色背景。在將它導入到GIF An imator中后,我選取了該層面。圖019:外部導入圖片選取該精靈層面,然后單擊ObjectDuplicate 菜單命令。4.在本例中,因為背景不是很大,我估計5個副本就足夠了。5.下面,輸入每個副本相對于上一個副本所偏移的像素值。您可以使圖像水平或垂直偏移。6. 提醒您:每個副本層面包含的設置均基于原始層面。6. 壓縮實例在制作一個Banner,或者是要應用到網(wǎng)上的動畫時,必須考慮到的一點就是圖像的大小如何。因此這個問題成了阻礙圖像采用多種特效的最大絆腳石,通過GIF A

37、n imati on中的壓縮功能可以輕松做到使圖像文件容量減小。1. 使用動畫制作向?qū)В瑢蕚浜玫乃夭膶脒M來。2. 點擊Optimize標簽,在 Prese欄中選擇 GIF Animator預設的七種方案: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)建的在多個幀之間應用的調(diào)色板,而局部調(diào)色板是為每個幀創(chuàng)建的調(diào)色板, 保留局部調(diào)色板,可能起不到優(yōu)化的作用,所以我們選擇 使用全局優(yōu)化調(diào)色板。3. 如果在要了解這七種方案的詳細設置,點擊“高級 >>”按鈕,在右邊的欄中會出現(xiàn)高級的設置。

38、4. 在高級參數(shù)設置區(qū)中可以對一些參數(shù)進行修改,當您認為修改的參數(shù)要在以后經(jīng)常使用的話,要點擊按鈕保存為自定義的優(yōu)化方案,在“預設”欄中填入預設的名稱,同時點擊按鈕可以刪除自定義的優(yōu)化方案,切記不要刪除GIF An imator程序自帶的優(yōu)化方案。7. 真正的壓縮實例1. 如果使用預設的優(yōu)化方案中希奇古怪的設置令你摸不清頭腦,可以使用優(yōu)化向?qū)?。點擊 File>Optimizeothion Wizand,啟動優(yōu)化向?qū)?。rPnMlZBTMNUMj»rdl-i dh#TiewI廠 Djlijfal-tI4 刼#i-vihl *t ujul p> at i9! f. fr mA

39、fiwL Xf ipM* z 険已 to- U.A =W4E4«rr*Hy£*iwrdJ.Ba 7IU. I- ULt Eq CT hl» L IjiI :-3 kJ -tol.: B3 E I J1 klldl. * I”I E dl 和曜ht i斟 *t»* w»iti.-wiT逅"1氐 Ifci IB lii Alliidi 氣和 心 Mu 14 atari GihdLr ii1 T'Ewvi Eh b<vp '. Lev J faJ w li«圖021 :啟動優(yōu)化向?qū)?. 在彈出的優(yōu)化向?qū)υ捒?/p>

40、中,選擇推薦的“是”選項,點擊“下一步”按鈕。Advaneed按鈕對GIF優(yōu)化引3. 在出現(xiàn)的對話框中, 設置GIF格式的顏色數(shù),并且在下面可以設置圖像的抖動。 值得 注意的是,正象在對話框中提醒的一樣, 顏色應用太少,是可以減小整個文件的大小, 但是 顏色應用太少可能使圖像中的顏色失真,反而得不償失。點擊擎和使用的調(diào)色板進行設置。4. 在新出現(xiàn)的對話框中選擇是否要刪除多余象素、注釋塊和標題。5. 最后出現(xiàn)的一個總結性的窗口, 將前面的選項匯集到一個對話框中, 如果要重新定義 一些參數(shù),要點擊“上一步”按鈕, 重新設定。如果對當前的設置滿意, 點擊“完成”按鈕。 GIF An imator將對

41、動畫文件進行優(yōu)化。022。點擊Preview按鈕,可以6. 優(yōu)化完畢后,優(yōu)化結果的窗口顯示優(yōu)化的成效。如圖預覽GIF動畫的效果。圖022 :優(yōu)化后的結果7.如果對優(yōu)化的成效不太滿意,點擊An other Try 按鈕,又回到向?qū)У牡谝徊剑賹IF動畫的各個參數(shù)進行設置。8. 果不想覆蓋當前的 GIF動畫文件,點擊“另存為”按鈕,將優(yōu)化后的GIF動畫文件存為另外的文件。9點擊“確定”按鈕,完成優(yōu)化。畫文件。11. 在彈出的對話框中可以對優(yōu)化處理的參數(shù)進行設置。若包含要處理子文件夾中的GIF動畫文件,在包含子文件夾的選項前點鉤。圖022 :優(yōu)化的參數(shù)設置12. 如果要選擇相應的文件選擇By fl

42、oder ,并點擊Browse按鈕選擇文件。13. 如果要創(chuàng)建新文件和要刪除原始文件,在創(chuàng)建新文件和在刪除原始文件前點鉤。14. 如果沒有必要,不要選擇添加自定義注釋塊,那樣可能不會起到優(yōu)化的作用。15. 點擊"確定”按鈕,GIF Animator將對文件進行批量優(yōu)化。7. 利用視頻文件來制作GIF動畫前面我們已經(jīng)說過,利用視頻文件來制作GIF動畫,比如AVI、Quicktime、MOV等實際上是利用了視頻文件都是有N個動畫元素組成的動畫,我們可以把它的每一個元素一一幀,想像成我們制作 GIF動畫的每一個 GIF圖片就比較容易想通了。 不過有一點,由于視頻 文件都比較龐大,如果轉成G

43、IF動畫,將是一個巨大的圖片, 在網(wǎng)上幾乎無法傳輸了, 所以 我們只能截取視頻文件的片段來做處理?;静襟E和打開一個 GIF動畫沒有什么區(qū)別。1、 在文件菜單里選擇 Open Video,彈出選擇文件窗口。2、 選中你要編輯的視頻文件,按Open。3、 那么這個食品文件就自動被解析成N個圖片,和我們打開一個 GIF動畫一個效果。4、其它如編輯、優(yōu)化也都一樣處理。5、保存成GIF格式的圖片。注意以下問題:1、GIF Animator是一個相當強大的網(wǎng)頁圖像動畫制作軟件,支持多中格式的文件,不要誤解為只支持 GIF圖片一種格式。2、我們在調(diào)入文件時,最好按照動畫的播放順序打開,盡管調(diào)入文件后對文件

44、的次序我們還可以隨時修改,但是為了避免出錯,還是養(yǎng)成這么一個習慣好。3、 在其它圖像處理軟件中設計每幅圖像時,要盡量使用比較簡單的顏色,否則使用GIF 格式時,有些顏色后改變。4、 利用一張圖片,我們就可以制作出非常漂亮的GIF動畫圖片出來,主要可以利用復 制、旋轉、翻轉等功能。5、 設計完每幅圖像后,應將文件保存為GIF格式,以減小動畫大小。6、研究使用濾鏡和透明效果,其實圖片的水平如何,主要看對濾鏡和透明效果的運用了,像其它的工具,比如Photoshop等也一樣。7、在編輯完動畫后,要將動畫優(yōu)化,同時可以設置優(yōu)化參數(shù)以減小動畫大小。8、習慣隨時使用預覽功能,使動畫的制作和調(diào)試得以控制好。8

45、. 使用 Simple Text Objects制作一個文字 Banner我們以上已經(jīng)提到過Simple Text Oobjects這個功能,在這個實例中,會學習到只用1. 先建一個460*80的文件,背景色為白色。2. 在Banner的四周畫一個細小的矩形。3. 現(xiàn)在我們就可以輸入我們的文字了,選擇Frame>Duplicate Frame 新建一個幀。圖023:復制幀4. 在第二幀,選擇輸入文本工具。5. 輸入完文字之后,在文字處單擊右鍵,選擇Shadow建立文字陰影效果。圖023:給文字添加陰影效果選擇Object>Text > Split Text,這個時候可以看到一

46、個個文字獨立存在著。7. 現(xiàn)在我們按照文字多少,建立十個幀。8. 在第二幀中,只保留I這個字母,其他字母層均為隱藏。圖024 :為文字建立動畫9. 當然,在第三幀時,保留I和a這兩個字母,其他字母為隱藏屬性。10. 依據(jù)類推,就可以建立處正在打字效果。9. 朦朧就是美并作在這個例子中,你將成為一個設計大師, 為你自己或者你心愛的女子做一張圖片,成朦朧的效果。首先在GIF Animator中打開圖025的照片,對圖片加以修改或者修飾。選用文字工具 輸入圖片中女主角的名字,當然要與背景所相襯。圖025 :導入照片選擇文字工具,在照片的最底部,使用字體工具輸入“ Coolergirl ”, 考慮到照

47、片是長 高寬短,因此字體選擇20。在圖片中單擊右鍵,選擇Test>Nero,對文字進行特別的修飾,彈出圖026所示對話框。圖026: Nero對話框在Nero項上打勾,就可以發(fā)現(xiàn)圖中的文字產(chǎn)生變化,如圖027,點擊OK。圖027 :添加效果后的文字現(xiàn)在開始制作有關朦朧效果,朦朧效果是在GIF An imator 5 版本中新增的一種效果,出,框。選擇 Video F/X >Nature Painting>Charcol,出現(xiàn)圖四窗口,為了使朦朧效果比較突在 Apply this effects to how many數(shù)字框中輸入20。點擊OK出現(xiàn)圖028所示對話圖028:應用

48、濾鏡效果由于圖片不是等像素壓縮,因此有變形。不用修改任何設置,點擊OK這樣一個朦朧效果的動畫就算完成。圖029 :最終的朦朧效果你可以用來制作一個自己的網(wǎng)頁,或者發(fā)給你朋友,都不用害羞了。四、外掛軟件GIF-X Plugi n 是一款 GIF An imator 的外掛軟件。從 GIF-X Plugi n 1.0 至 U GIF-X Plug in 2.0,友立除了在效果上增加了不少動畫功效外,還引入了圖庫(Gallery)的方式,你既可以根據(jù)自己的喜好設計出能體現(xiàn)個性的作品,也可以從友立提供給你的圖庫(Gallery)中選擇一個滿意的效果。由于GIF-X Plugin 是外掛在Photosh

49、op中的一個外掛濾鏡,所以,如果你對創(chuàng)作的動畫不很滿意,或者出來的效果不太明顯,你還可以在Photoshop中進行其它的 特效處理,當然你在GIF-X Plugin中做好的動畫也可以直接儲存在磁盤上(只要你覺得這個效果還可以),不必再通過 Photoshop進行儲存,這樣不僅可大大減少做好后的動畫的字節(jié) 數(shù),而且還可以不讓圖片太失真,因為友立的GIF動畫軟件的一大缺點就是做出GIF圖片字節(jié)數(shù)太大,而且能夠再壓縮的冗余比較大,一般我們做好后都要用一些減肥軟件減肥一下, 不過GIF-X Plugin 2.0的有一大好處就是出來的GIF圖片能夠保證失真小,即如果你使用的圖片是16M的話,出來的GIF

50、圖片一定不會是 256色的,這樣你的GIF看上去就不會效果 太差,下面我們就 GIF-X Plugin 2.0做一下簡單的介紹,如果你看了下面的介紹還感覺可以,就趕快去買來裝上用吧,或者到友立GIF-X Plugin 的網(wǎng)站上去下載一個GIF-X Plugin2.0的試用版來玩玩吧,界面如下圖。圖030: GIF-X界面GIF-X Plugin 2.0提供有"Motion ”動作與"Light ”燈光兩類特效。"Motion ”特效有旋轉(Rotation)、掃描(Sean)、自動換片(Nickelodeon)、立方體(Cube)、克隆(Clone)、 書狀翻頁(

51、Open book)、彈球狀(Bounee)、放大、縮小(Zoom)等特效,每一種動畫效果又可 以通過旁邊的參數(shù)(Parameters)選項來調(diào)節(jié)效果,選擇一種自己滿意的模式,來達到讓人滿意的效果,設置好參數(shù),就可以在"Key Frame Co ntrol"項中進行效果預覽,可以話就OKSAVE你的作品,不行再來,效果多多,如果真的嫌這樣選來選去太麻煩,那么,做下一步: 看見“ Gallery ”選項沒有,這里相信有你需要的東西,看看下面的一些效果吧,絕對不是般的GIF動畫制作軟件那樣的喲!圖 031 : Motion 圖庫在上面的圖片中,你可以看到GIF-X Plugin

52、 2.0中“ Motion ”特效出來的各種效果圖,第一種是旋轉(Rotation)效果;2-3是掃描(Sean)效果,有條柱狀(beam)、金屬狀(metal)、聚光燈狀(Spotlig)三種方式;4-6是自動換片效果,有上-下形(Top-down)、下-上形 (bottom-up)、左-右形(left-right) 、右-左形(right-left)四種方式;7 是 3D模式效果(3DMAP),有球狀(Sphere)與立方狀(Cube)兩種方式;8-9是立方體(Cube)效果,同樣有上-下 形(Top-down)、下-上形(bottom-up)、左-右形(left-right) 、右-左形

53、(right-left) 四種方 式;10是書狀翻頁(Open book)效果,也有上-下形(Top-down)、下-上形(bottom-up)、左- 右形(left-right) 、右-左形(right-left)四種方式;11-12 是彈球狀(Bounee)效果;13-14是放大、縮小(Zoom)效果,有放大模糊(Zoom blur)、縮小透鏡(Zoom lens)兩種方式;15-16是旗子效果(FLAG) ; 17-18是色彩變化效果(Color Shift) ; 19-20是氖光燈效果(Neon)。當然,以上的模式并不一定就是絕對的,你還可以自己添置一些效果進去,在使用中就可以自由運用

54、了。上面介紹了 GIF-X Plugin 2.0 中“ Motion ”特效,下面讓我們看看 GIF-X Plugin 2.0中的“ LIGHT”特效,其全部的效果圖如下:圖032: Light圖庫怎么樣,GIF-X Plugin 2.0的燈光效果是不是比其它GIF動畫制作軟件的燈光效果好許多呀!其主要的特效有閃電(lightning)、煙火(fireworks)、透鏡閃耀(lens flare)、陽光四射(light bulb) 、光懷(halo)、聚光燈(spotlight) 、閃光燈(flashlight) 、流星(meteor)、激光(laser)等。這幾種特效之間可以相互來回使用,這樣不僅為你的GIF動畫更增加了美麗的外觀,更使你的動畫效果增色不少。實例制作一:閃電效果閃電效果有兩個控件組:基本和高級。基本控件用于創(chuàng)建動畫,高級控件用于微調(diào)閃電發(fā)出的分叉,以及周圍的光芒。Adv weed |Width (1 100rJ5歹100|50requenc |0.1DOLJAAmpjtudc (D.1 Mj-JUnqh<rwi! |0 別y|bo7)O

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論