




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、 動態圖片與閃圖制作互聯網不斷地發展,導致不斷地增加,其中不乏一些優秀的個人。做其實很容易掌握,但是如何做出漂亮而又吸引人的,并不是所有掌握技術的人都能實現的。在網頁設計中,不乏有兩種,一種是文字,另一種是圖片起到了主導地位。在圖片當中,動態圖片又是獨支一秀。的各類Banner和Logo也都采用了動態圖片。有關動態圖片大家都不陌生,但是如何達到這樣的效果卻是相當的困難。但是自從Ulead GIF Animator推出后,動畫制作變得相當簡易,而這次Ulead公司又推出了5.0的新版本,這個版本讓筆者體會到制作動態圖片的樂趣,現在就讓我們來看看吧。Ulead GIF Animator百度一下軟件
2、175.html圖001:啟動畫面一、新增功能1.更人性化的用戶界面GIF Animator 5.0 重新設計了用戶界面,讓你在制作動畫圖片的時候更方便,這個版本的工作區域已經完全支持真彩色,無論你是在設計還是預覽的時候都可以在真彩色的環境下了。同時,一般常用的做動畫的流程都已經簡化在編輯、優化和預覽選項卡之間,很大程度上簡化了操作難度。圖002:操作界面2.增強的編輯能力這個版本的 GIF Animator 在文字編輯器、選色器和選取工具上面都加強了各自的功能。同時轉換器也相應的得到了增強,現在你已經可以隨意調整對象的大小和角度了。3.支持更多的輸出格式 GIF Animator 5.0 支
3、持的輸出格式除了標準的 GIF 以外,現在還可以輸出 FLASH 格式的 SWF 文件了。也就是說,你可以用它來做 FLASH 動畫了。當然它還可以輸出 MPEG、avi、mov 等視頻格式的文件,這樣一來,只要你的系統安裝了 MPEG4 的驅動程序,GIF Animator 5.0 也可以直接輸出 MPEG4 的動畫了。另外值得一提的是,它還支持 Photoimpact 的 UFO 和 Photo Shop 的 PSD 文件,這樣你辛苦做出來的動畫里面的層就可以得以保存和發揚光大了。4.增加對象管理器支持更多的輸出格式這個功能在 PHOTO SHOP 等軟件上面已經老早就有了,其優點也已經得
4、到了廣泛的認可,GIF Animator 5.0 也當然不會漠視,終于在這個版本里加入了這個功能,有了它以后管理、編輯起動畫里面的各個對象元素就方便多了。5.外部編輯器調用你現在可以在 GIF Animator 里面直接調用更好的圖像編輯軟件如:Photoimpact 、Photo Shop 等來編輯 GIF Animator 里面的對象圖形了,很大程度上擴展了 GIF Animator 的功能。當然我推薦大家還是用 Photoimpact 比較好點,畢竟是同一家公司的產品,無論的兼容性還是操作界面上都要好點、方便點。6.強大的優化功能新版本的 GIF Animator 在圖像壓縮優化方面更完
5、善,你可以利用有損壓縮、抖動顏色、顏色索引編輯等等功能來進一步優化你的作品的輸出效果,而這些操作都會即時可以看到預覽效果。7.新增兩個濾鏡新版本的 GIF Animator 增加了兩個特效濾鏡 Color Replace 和 Color Shift ,讓你只需簡單步驟就可以做出漂亮的效果。8.其它GIF Animator 除了可以輸出 SWF 等文件外,還可以把你的動畫導出為一個可以執行的 EXE 文件,讓別人無需看圖工具也可以欣賞到你的作品,同時,這個可執行文件還可以在你的作品展示完后用一些圖片做背景顯示你預先輸入的一些字句,這個功能用來做電子賀卡相當不錯。二、下載與安裝以上略微介紹了Gif
6、 Animator 5新版本中的功能,使大家對它有了感性的認識,下面我們就一步步地挖掘Gif Animator的強大功能。軟件可以在Ulead公司的官方(.ulead./)下載得到。下載得到的是一個試用版本,只能有期限的試用15天,當然這個是免費的啦!只要點擊安裝文件,一路“Next”下來就可以,如果你想更改安裝路徑的話,在系統提示你是否需要更改時更改就可以了。 開始使用Ulead GIF Animator 5.0 當啟動軟件后,點擊Try按鈕進入真正的操作。這時,程序會彈出一個啟動向導來引導設計者制作GIF動畫。在這里你可以新建或者打開一個GIF圖片。圖003:啟動向導在新建欄中你可以使用動
7、畫向導創建GIF動畫。在打開欄中有三種打開方式。另外你還可以選擇“Do not show this dialog box next”來關閉這個功能。(1) Animation Wizard選擇這個可以教你一步一步地完成一個GIF動畫圖片的制作,所以如果你是初學者,強烈建議你選擇這個選項。 我個人認為,這個動畫向導創建功能主要是方便了我們選擇,從另外一種角度想就是提高了我們制作圖片的速度。 (2) Black animation選擇這個可以建立一個空白的動畫文件,選它主要是因為你想制作一個全新的GIF圖。 (3) Open an existing image沒什么好說的,就是選擇打開一個已經存在
8、你機器里的GIF文件。 (4) Open an exisiting video如果你想利用視頻文件的片段來制作GIF動畫的話,就可以選擇這個。我們知道視頻文件其實是由N個圖片組成的,這個后面再說。 (5) Open a sample file Ulead GIF Animator中有很多的示例文件,所以你想偷點懶,或者不是很熟悉GIF Animator的GIF動畫制作過程也可以選擇這個。 為了便于講解,我在這里選擇了“關閉”按鈕。三、實戰GIF Animator 5.0 1.設置GIF Animator在使用GIF Animator時,進行相關的設置,會得到更好的效果。選擇File>Pr
9、eferences,在設置選項中共有7個設置面板。在General中設置GIF Animator的普通設置。進行有關默認的設置修改。Optimize面板中設置有關動畫優化的參數。Plug-in Filters中進行設置GIF Animaotr所支持外掛的配件。由于篇幅關系,這里不多一一介紹有關設置的具體操作。圖004:屬性設置面板2. 軟件界面介紹菜單欄,包括文件、編輯、查看、層、圖層、濾鏡、視頻F/X和幫助七個菜單分別完成從圖像創建導入到圖層濾鏡和視頻特殊效果的功能。圖005:菜單欄Ulead GIF Animator 的工具欄上包含標準的 Windows 應用程序按鈕, 即新建, 打開,
10、保存, 撤消, 恢復, 剪切, 復制, 粘貼按鈕, 使用方法和其他 Windows 應用程序一樣, 我們就不在這里介紹了。在工具欄上還有一些 Ulead GIF Animator 4.0 專用的按鈕, 這是我們要著重介紹的。這些按鈕是:Add Blank Image(加入空圖像), Add Images(從外部插入圖像, 包括從外部插入 GIF 動畫), Add Video(加入視頻), Add Comments(加入注釋)等。圖006:工具欄Add Blank Image 加入空圖像:在當前層的后面加入一個新的空白層, 層中沒有任何容。Add Images 加入圖像:在當前層的后面加入一幅新
11、的圖像, 新的圖像是從外部文件獲得的, 如果您插入的是一個 GIF 格式的動畫文件, 那么 Ulead GIF Animator會自動把動畫中的所有幀都插入到新的層, Ulead GIF Animator根據動畫的幀數相應地產生新層以容納插入的圖像,可以一次選擇好幾幅圖像一起插入到動畫中。Add Video 加入視頻:插入視頻文件, 如 aiv, flc, psd, fli 等, Ulead GIF Animator 4.0 會自動把視頻文件中的所有幀都插入到 GIF 動畫中。Add Comments 加入注釋:在動畫中加入注釋, 如果您想在動畫中保存和版本, 就可以使用注釋。Move Lay
12、er Up 將當前層向上移:把當前層向上移動, 也就是說, 在播放這個動畫的時候, 讓當前層出現的次序提前一個單位。Move Layer Down 將當前層向下移:把當前層向下移動, 使當前的播放次序推后一個單位。Preview in Internet Explorer:在 Internet Explorer 中預覽動畫。Preview in Navigator:在 Navigator 中預覽動畫。Preview in Custom Browser:在用戶指定的程序(能播放 GIF 動畫的程序)中預覽動畫。Help 幫助:求助按鈕, 點擊此按鈕后, 鼠標指針會變成箭頭和問號, 這時您可以在 U
13、lead GIF Animator的界面上隨意點擊, Ulead GIF Animator 會告訴您點擊處是什么地方以與點擊處的功能等信息。圖007:繪圖工具欄 常用工具面板,在這里可以對圖像進行修改,例如寫字,填色等。使用方法就像是Windows中自帶的畫圖工具。圖008:常用工具面板層面板,在第一次啟動程序時,層面板顯示為列表形式,可以點擊縮略圖和膠片標簽查看每一幅圖像的縮略圖和相應的位置順序。在導入多幅圖像時,列表中列出了每個圖像的標題(每幅圖像的文件名,在參數設置區可以進行修改)圖009:層面板工作區,在這個區域中可以查看GIF動畫的結構,還可以針對每一幅GIF動畫圖像進行編輯。在選擇
14、工作模式中有“編輯”、“優化”和“預覽”,其中最強大的是GIF的優化功能,在GIF Animator中預設了七個方案,可以將圖像優化成色彩數不同的GIF動畫,相應的優化后的質量也是不同的。同時還可以對優化的各種參數進行設置,在優化后程序還會報告優化的效果. 3.使用動畫向導制作GIF動畫GIF Animator提供的動畫向導功能可以在幾分鐘之完成GIF動畫制作。在制作GIF動畫前要找素材,同時也可以自己設計素材。我們知道GIF Animator實際上是把一系列的GIF圖片壓在一起而成為一個動態的圖片文件的,那么這些GIF圖片就是我們所說的素材,需要我們提前制作完成,制作的工具有很多,比如Pho
15、toshop、Fireworks和Freehand等,素材準備好后就可以通過GIF Animator中的動畫向導功能就制作出專業級的動畫了。 在啟動程序時,通過GIF Animator顯示的一個啟動向導來引導我們創建動畫。也可以通過“File”菜單里面的“Animation Wizard”命令。 打開動畫向導按鈕后,會彈出一個對話框(圖010)在這個對話框中可以選擇我們要制作的GIF動畫的尺寸。圖010:選擇GIF動畫尺寸一般一個普通的Banner是468*60,系統默認值也是這個。當然軟件還自帶了一些常用的尺寸規格。對于特殊的要求你可以自己進行修改。進行完有關與尺寸的設置,點擊下一步按鈕,進
16、入“Selects Files” 對話框(圖011)。進行有關素材的設置。圖011:選擇文件點擊“Add image.”按鈕,進行圖片素在的引入,可以一次引入多項,也可以一項一項分別引入。Add video與Add image不同在于一個是引進圖片作為素材,而一個是電影。進行完素材的導入后,點擊下一步進入“Frame Duration”設置對話框。在提示欄里面有很詳細的解釋,根據解釋再設置每個幀的延遲時間,值得注意的是在參數欄中填入的數值要除以100才是真正的延遲時間,你還可以指定幀的速率,同時在下面的演示框中可以預覽設置結果。點擊“下一步”按鈕后,將彈出動畫向導完成窗口。點擊完成按鈕后,一個
17、動畫就制作完成了。4.優化GIF動畫在設計動畫過程中,當幀數較多時,這個動畫文件可能會較大,不適合于在網絡上傳播,所以GIF Animator中提供了對動畫進行優化的功能。這種功能的原理是將將幀的圖像分割中若干塊,在幀之間的變換時,一樣的塊將在第二個幀中被刪除,達到減小文件文件大小的目的。所以我們要對自己創建的動畫再進行一下優化。 點選Optimize按鈕,進入優化設置,窗口如圖十一所示。在這個窗口的左側是原始圖像,右側是系統按照默認優化設置所優化的圖像。另外有一個窗口是Color Palette,此窗口中顯示了優化后圖像中使用的顏色。如果對優化的效果不滿意,或者優化后所取得的大小不滿意,可以
18、進行有關像素的設置。最高的像素是256,也就是系統默認值,最小的是16,其優化效果真的是不堪入目。5.預覽GIF動畫完成一切的制作后,是不是想欣賞一下你的大作?點擊Preview預覽窗口,就可以發現這個動畫正在不斷地閃爍。同時你可以調用一些瀏覽器觀看它。GIF Animator 5.0允許Internet Explorer、Navigator和Custom Browse這三種瀏覽器查看動畫。6.輸出GIF動畫完成這一步,你的GIF動畫就順利成形了。最直接的輸出就是把動畫保存為GIF,可以讓它在網頁中隨意地插入。選擇File>Save As>GIF File,輸入文件名稱即可。當然G
19、IF Animaotr同樣支持其他文件格式,例如PSD以與非常流行的Flash格式SWF。這些文章格式卻只能用于瀏覽,如果再次進行編輯則需要重新來過。因此GIF Animator自己開發了一種保留GIF動畫信息的文件格式:uga。選擇File>Save即可進行這種文件格式的保存。當需要再次修改這個動態GIF的時候就可以調用這個文件,然后再上進行修改。GIF Animator同時還支持了輸出為網頁格式,輸出為桌面項目。網頁格式在這里不用向大家解釋,桌面項目是一個很有意思的功能,它利用了Windows中自帶的桌面自定義功能,把動態的GIF動畫放置在桌面上。點擊Export>As an
20、Active Desktop Item,出現如圖十二所示的對話框。沒有什么特殊的要求,選擇OK。這是桌面就會出現一個動態的GIF動畫。是不是很有意思?更有意思的是GIF Animator可以直接輸出為EXE文件,讓用戶只需雙擊此文件,即可觀看到動態圖片的容。點擊Export>As Animation Package(EXE).。出現如圖十三所示的對話框。在Select sound file中可以輸入動態GIF所采用的聲音,支持的文件格式有WAV和MID,在Generate executable file中輸入輸出的運行文件。此外,還支持URL以與最后發送消息等。一切設置完畢后,點擊OK。
21、就可以運行這個文檔了!7.渲染GIf Animator不僅可以單單支持最簡單的動畫,即把所有的圖片夾雜在一起。還可以在圖片中加入特殊的效果,例如3D等。當然,這樣的效果一多用,文件格式就變得相當大。其次,這樣的效果必須與動畫的主題貼切。現在我們來看看在GIF Animator中置的渲染效果。所有的渲染效果均在Vido F/X菜單欄中找到。我們以最簡的文字效果來查看渲染效果。在一個468*60的Banner中輸入簡單的文字。然后選擇Video F/X>3D>Gate 3D,出現如圖012所示的對話框,然后進行其相關的設置。圖012:Gate 3D渲染效果 在Fames中設置4-40的
22、幀數,針數越多,文件越大。在Delay time中設置幀與幀間隔的時間。Soft中設置框的粗細,一共有4種選項“None”、“Large”、“Medium”和“Small”。在Border中設置有關邊框的顏色。選擇Reverse,表示原本逆時針運行的方向,變為順時針。進行完以上設置,點擊OK,就可以輸出動畫。當然,GIF Animator可以運用很多渲染,當然其設置效果類似,如果你覺得夠麻煩,不用設置,就用默認設置點擊OK。不同的渲染效果如下表所示:效果功能3DGate-3D(三維立體)在動畫中實現兩個幀之間的動畫3D過渡效果,可以在對話框中設置過渡方向、填充顏色和柔化過渡邊界的參數。Buil
23、dDiagonal-Build(傾斜過渡)按照不同的傾斜對角線路徑,逐漸的按照不規則塊的方式實現兩個幀之間的過渡ClockSweep Clock(時鐘式過渡)按照順時針和逆時針方式實現過渡效果F/XDiamond F/X(菱形F/X動畫)菱形效果Iris F/X(彩虹F/X動畫)十字心形的彩虹效果Mosaic F/X(馬賽克F/X動畫)馬賽克元素效果Power off F/X(關機F/X動畫)顯示器關機效果FilmFlap B-Film(分割的傾斜翻頁效果)將原來的幀分為四份,分別從中心開始傾斜的實現與目標幀的過渡Progressive Film(前進式翻頁效果)也是將原來的幀分為四份,分別從
24、中心開始以前進式的方式實現到目標幀的過渡Turn Page-Film(整頁翻頁效果)整頁翻頁效果來實現兩個幀之間的過渡,同時可以設置翻頁的方向等參數PeelTurn Page-Peel(整頁翻頁的剝落效果)以剝落的效果實現兩個幀之間的過渡,與上一個翻頁效果略有不同。PushRun and Stop Push(移動到停止間的推動效果)為了消除兩個幀之間生硬的動畫元素移動,使用這種效果可以將這種效果作成好看動態效果RollSide Roll(整面翻轉效果)整面翻轉效果SlideBar-Slide(條狀滑動效果)可以從不同的方向用兩個條狀的滑動實現過渡StretchCross Zoom-Stretc
25、h(交叉縮放拉伸效果)交叉縮放拉伸效果WipeStar Wipe(星形擦除效果)星形擦除效果2D mappingCrop(修剪效果)修剪效果Camera LenGradient(傾斜效果)在原幀中加入模糊的鏡頭,可以設定移動方向等參數Mirror(鏡象效果)對原幀中的明顯的對象加以處理,實現兩個幀之間的過渡Zoom Motion(縮放動作效果)縮放效果DarkroomHue&Saturation(色調飽和)設置圖像中的顏色的變化效果Nature PaintingCharcoal(木炭效果)木炭效果SpecialAdd Noise(加入噪音)在原幀中加入噪音干擾效果Wind(風)風的效果
26、三、綜合實例1. 座右銘制作一直想找一個軟件,可以在桌面上顯示座右銘,曾經想到過運用桌面,但是一條座右銘沒有必要牽涉到整個桌面。在使用新版本的GIF Animtor 5.0中,增加了輸出到桌面項目,由此產生了制作一條座右銘的動態動畫的想法。首先制作一個新項目,尺寸為468*30,當然可以根據自己座右銘的長短進行控制。然后再新建的文件中,使用文字輸入工具,輸入文字并進行美化。為了有一個感性的認識,選擇文字工具點擊空白處的任意地方,彈出如圖013所示的對話框。圖013:輸入文本在文本區域中輸入“You are the best!”,字體選擇Comic Sans MS,當然字體的選擇根據個人愛好所定
27、。字體大小設置為30并加粗,Script選擇西方語言。點擊OK,把文字拖到中間。效果選擇Video F/X>Special>Wind,然后點擊OK,出現如圖014所示對畫面。不需進行任何設置,點擊OK,動畫便生成了。圖014:生成動畫最后就是輸出效果了。選擇Fiel>Export>As an antive desktop Item,在新出現的窗口點擊OK。桌面就會出現這樣的動畫,并且可以隨意的移動以與關閉(圖015)。圖015:座右銘最終效果2.祝福語制作萌發祝福制作的念頭來源于GIF Animator自帶輸出到EXE文件。這樣就可以通過eMail發送到朋友的信箱里,給
28、他一個小小的驚喜。新建一個500*500的素材,作一個有關生日主體的動畫,創意可以任意發揮。當然也可以來自一些,個人認為,在制作圖片動畫用渲染令人感到雜而亂,然而文字用渲染的效果相當美觀,因此不建議在動畫中加入渲染,制作完一切動畫后,選擇Export>As Animation Package,出現輸出EXE對話框。在Message Box Style中選擇Dialogue1.emf文件,在用錄音機中錄入自己的祝福語(birthday.wav),在Select sound file中選擇文件來源,在Generate executable file中輸入輸出文件的位置。在Enter Mess
29、age中輸入“生日快樂”,選擇Font進行有關字體的設置,在Loop Count(循環數)中設置循環次數,如果要使用無限循環,選中Loop infinitely(無窮循環)。分別在Start Frame Position(開始幀位置)End Frame Position(結束幀位置)中分別設置動畫的開始結束位置。如果要隨機的顯示,將這兩項設置為Random(隨機)。最后點擊OK,輸出動畫。3. Banner制作在網頁動畫領域中Banner制作領域相當廣泛,一般尺寸為468*60,所以在GIF Animator中新建一個同尺寸的文件。為了使得Banner更加美觀,我們先要特別為Banner做一個
30、背景圖片。當然可以調用功能強大的Photoshop,或者單一的使用Windows自帶的畫筆程序。同樣也可以在網上找到素材。然后在素材上輸入有關Banner的主題“心跳回憶-玩得就是心跳”,在輸入文字時,不但要考慮到文字的大小、顏色還要考慮到與背景圖片協調效果。制作完這些之后,就可以進行渲染設置,這次采用Ires-F/X渲染項,輸出圖像。我們現在來討論一下文字的效果,畢竟文字是體現Banner主題的,在制作Banner時,可以在背景上直接增加文字,軟件把文字與圖象看成一個部分。另外一種增加文字的方法就是進行完渲染之后,在某一個需要出現文字的Frame中,單擊右鍵,選擇Add Banner Tex
31、t。我們現在就來一次這樣的制作。一開始進行渲染以與Banner背景制作步驟類似,不再重復。在第一幀處點擊右鍵,選擇Add Banner Test,出現如圖016所示畫面,進行有關文字的美化工作。圖016:添加文字在Text面板中輸入文字,Effects面板中進行有關文字的特效,有移動,跳出等效果。進行完相關設置,點擊OK,此時會出現兩個選項,均可選擇。然后文字就出現在Banner中,所與前面制作不同之處在于Banner中文字的運轉需要等待圖形效果完畢之后(當然要看你把文字幀插放在那里)。一切制作完畢后,輸出為GIF動畫,或者Flash動畫。GIF Animator最強大還支持很多種特效,你可以
32、在一個Banner中插入同樣文字的幾種特效,這樣會變得更美觀,所犧牲的代價就是文件過大。不過換言之,如果你沒有很好的藝術細胞,記住這句話:簡單就是美。Banner的制作主要不是技術,而是創意。4.用一個視頻的局部來制作 GIF 動畫用 Windows 視頻文件,如 AVI,或 Quicktime 影片,如 MOV,是快速制作極酷動畫的最輕松方法(如果不加修飾,它看上去和原始視頻一樣)。但是,大多數視頻文件都很大,在 GIF Animator 中打開整個視頻會影響效率。幸運的是,GIF Animator 帶有一個置的解決該問題的功能 ,可以選取并只打開視頻中某個特定的部分。以下講述了該操作的步驟
33、。1. 打開 GIF Animator,創建一個新的空白動畫。2. 單擊標準工具欄上的Add Video按鈕,打開Add Video對話框。3. 找到要用的影片文件選中后,單擊Duration按鈕。4. Duration對話框打開后,有兩個屬性需要定義要使用的起始和結束的視頻段。它們是Mark in和Mark out。有兩個方法可以用這些屬性來選取視頻段:用手工輸入幀編號(圖017),或通過預覽窗口和視頻控件,拖動Mark in和Mark out按鈕,來標記出要使用的部分。圖017:手工輸入幀的編號5. 在標記出要使用的部分之后,單擊OK。Duration對話框關閉,返回到Add Video對
34、話框。再單擊OK,選擇的幀就被加載到 GIF Animator 中了。5.使用布局功能制作動畫在 GIF Animator 中,有兩個方法來創建移動的動態精靈。您可以很方便地在 GIF Animator 中打開一個元素,并自動完成使它穿越該 GIF 文件的邏輯屏幕的運動過程。第一個方法,用于簡單的、靜態的幀,詳細描述如下。而在下一頁講述第二個方法,用于動畫。1. 在 GIF Animator 打開背景圖像。在此我將用 ocean.gif 作為背景(圖018)。 圖018:背景圖片2. 下面,打開精靈圖像(圖019)。該圖像應該比您剛打開的背景圖像小,否則它將不起作用。(左邊的海豚包含一個透明的
35、藍色背景。在將它導入到 GIF Animator 中后,我選取了該層面。圖019:外部導入圖片3. 選取該精靈層面,然后單擊Object> Duplicate菜單命令。 4.在本例中,因為背景不是很大,我估計 5 個副本就足夠了。 5. 下面,輸入每個副本相對于上一個副本所偏移的像素值。您可以使圖像水平或垂直偏移。6.提醒您:每個副本層面包含的設置均基于原始層面。6.壓縮實例在制作一個Banner,或者是要應用到網上的動畫時,必須考慮到的一點就是圖像的大小如何。因此這個問題成了阻礙圖像采用多種特效的最大絆腳石,通過GIF Animation中的壓縮功能可以輕松做到使圖像文件容量減小。1.
36、使用動畫制作向導,將準備好的素材導入進來。2.點擊Optimize標簽,在Prese欄中選擇GIF Animator預設的七種方案:256色優化、256色無損失優化、128色優化、64色優化、32色優化、16色優化、優化局部調色板。在這里需要說明的是,全局調色板是為了優化而創建的在多個幀之間應用的調色板,而局部調色板是為每個幀創建的調色板,保留局部調色板,可能起不到優化的作用,所以我們選擇使用全局優化調色板。3. 如果在要了解這七種方案的詳細設置,點擊“高級>>”按鈕,在右邊的欄中會出現高級的設置。4. 在高級參數設置區中可以對一些參數進行修改,當您認為修改的參數要在以后經常使用的
37、話,要點擊按鈕保存為自定義的優化方案,在“預設”欄中填入預設的名稱,同時點擊按鈕可以刪除自定義的優化方案,切記不要刪除GIF Animator程序自帶的優化方案。7.真正的壓縮實例1. 如果使用預設的優化方案中希奇古怪的設置令你摸不清頭腦,可以使用優化向導。點擊File>Optimizeothion Wizand,啟動優化向導。圖021:啟動優化向導2.在彈出的優化向導對話框中,選擇推薦的“是”選項,點擊“下一步”按鈕。3.在出現的對話框中,設置GIF格式的顏色數,并且在下面可以設置圖像的抖動。值得注意的是,正象在對話框中提醒的一樣,顏色應用太少,是可以減小整個文件的大小,但是顏色應用太
38、少可能使圖像中的顏色失真,反而得不償失。點擊Advanced按鈕對GIF優化引擎和使用的調色板進行設置。4.在新出現的對話框中選擇是否要刪除多余象素、注釋塊和標題。5.最后出現的一個總結性的窗口,將前面的選項匯集到一個對話框中,如果要重新定義一些參數,要點擊“上一步”按鈕,重新設定。如果對當前的設置滿意,點擊“完成”按鈕。GIF Animator將對動畫文件進行優化。6.優化完畢后,優化結果的窗口顯示優化的成效。如圖022。點擊Preview按鈕,可以預覽GIF動畫的效果。圖022:優化后的結果7.如果對優化的成效不太滿意,點擊Another Try按鈕,又回到向導的第一步,再對GIF動畫的各
39、個參數進行設置。8.果不想覆蓋當前的GIF動畫文件,點擊“另存為”按鈕,將優化后的GIF動畫文件存為另外的文件。9.點擊“確定”按鈕,完成優化。10.同時可以點擊菜單File>Batch Process,可以批量優化處理一個文件夾中的GIF動畫文件。11.在彈出的對話框中可以對優化處理的參數進行設置。若包含要處理子文件夾中的GIF動畫文件,在包含子文件夾的選項前點鉤。圖022:優化的參數設置12.如果要選擇相應的文件選擇By floder,并點擊Browse按鈕選擇文件。13.如果要創建新文件和要刪除原始文件,在創建新文件和在刪除原始文件前點鉤。14.如果沒有必要,不要選擇添加自定義注釋
40、塊,那樣可能不會起到優化的作用。15.點擊“確定”按鈕,GIF Animator將對文件進行批量優化。7.利用視頻文件來制作GIF動畫 前面我們已經說過,利用視頻文件來制作GIF動畫,比如AVI、Quicktime、MOV等,實際上是利用了視頻文件都是有N個動畫元素組成的動畫,我們可以把它的每一個元素幀,想像成我們制作GIF動畫的每一個GIF圖片就比較容易想通了。不過有一點,由于視頻文件都比較龐大,如果轉成GIF動畫,將是一個巨大的圖片,在網上幾乎無法傳輸了,所以我們只能截取視頻文件的片段來做處理。 基本步驟和打開一個GIF動畫沒有什么區別。 1、在文件菜單里選擇Open Video,彈出選擇
41、文件窗口。 2、選中你要編輯的視頻文件,按Open。 3、那么這個食品文件就自動被解析成N個圖片,和我們打開一個GIF動畫一個效果。 4、其它如編輯、優化也都一樣處理。 5、保存成GIF格式的圖片。 注意以下問題: 1、GIF Animator是一個相當強大的網頁圖像動畫制作軟件,支持多中格式的文件,不要誤解為只支持GIF圖片一種格式。 2、我們在調入文件時,最好按照動畫的播放順序打開,盡管調入文件后對文件的次序我們還可以隨時修改,但是為了避免出錯,還是養成這么一個習慣好。3、在其它圖像處理軟件中設計每幅圖像時,要盡量使用比較簡單的顏色,否則使用GIF格式時,有些顏色后改變。 4、利用一圖片,
42、我們就可以制作出非常漂亮的GIF動畫圖片出來,主要可以利用復制、旋轉、翻轉等功能。 5、設計完每幅圖像后,應將文件保存為GIF格式,以減小動畫大小。 6、研究使用濾鏡和透明效果,其實圖片的水平如何,主要看對濾鏡和透明效果的運用了,像其它的工具,比如Photoshop等也一樣。 7、在編輯完動畫后,要將動畫優化,同時可以設置優化參數以減小動畫大小。 8、習慣隨時使用預覽功能,使動畫的制作和調試得以控制好。8. 使用Simple Text Objects制作一個文字Banner我們以上已經提到過Simple Text Oobjects這個功能,在這個實例中,會學習到只用這個功能而作出一個文字類型的
43、Banner。1. 先建一個460*80的文件,背景色為白色。2. 在Banner的四周畫一個細小的矩形。3.現在我們就可以輸入我們的文字了,選擇Frame>Duplicate Frame新建一個幀。圖023:復制幀4.在第二幀,選擇輸入文本工具。5.輸入完文字之后,在文字處單擊右鍵,選擇Shadow。建立文字陰影效果。圖023:給文字添加陰影效果6.選擇Object>Text > Split Text,這個時候可以看到一個個文字獨立存在著。圖024:分裂文字7.現在我們按照文字多少,建立十個幀。8.在第二幀中,只保留I這個字母,其他字母層均為隱藏。圖024:為文字建立動畫9
44、.當然,在第三幀時,保留I和 a這兩個字母,其他字母為隱藏屬性。10.依據類推,就可以建立處正在打字效果。9. 朦朧就是美在這個例子中,你將成為一個設計大師,為你自己或者你心愛的女子做一圖片,并作成朦朧的效果。首先在GIF Animator中打開圖025的照片,對圖片加以修改或者修飾。選用文字工具輸入圖片中女主角的名字,當然要與背景所相襯。圖025:導入照片選擇文字工具,在照片的最底部,使用字體工具輸入“Coolergirl”,考慮到照片是長高寬短,因此字體選擇20。在圖片中單擊右鍵,選擇Test>Nero,對文字進行特別的修飾,彈出圖026所示對話框。圖026:Nero對話框在Nero
45、項上打勾,就可以發現圖中的文字產生變化,如圖027,點擊OK。圖027:添加效果后的文字現在開始制作有關朦朧效果,朦朧效果是在GIF Animator 5版本中新增的一種效果,選擇Video F/X >Nature Painting>Charcol,出現圖四窗口,為了使朦朧效果比較突出,在Apply this effects to how many數字框中輸入20。點擊OK,出現圖028所示對話框。圖028:應用濾鏡效果由于圖片不是等像素壓縮,因此有變形。不用修改任何設置,點擊OK。這樣一個朦朧效果的動畫就算完成。圖029:最終的朦朧效果你可以用來制作一個自己的網頁,或者發給你朋友
46、,都不用害羞了。四、外掛軟件GIF-X Plugin是一款GIF Animator的外掛軟件。從GIF-X Plugin 1.0到GIF-X Plugin 2.0,友立除了在效果上增加了不少動畫功效外,還引入了圖庫(Gallery)的方式,你既可以根據自己的喜好設計出能體現個性的作品,也可以從友立提供給你的圖庫(Gallery)中選擇一個滿意的效果。由于GIF-X Plugin是外掛在Photoshop中的一個外掛濾鏡,所以,如果你對創作的動畫不很滿意,或者出來的效果不太明顯,你還可以在Photoshop中進行其它的特效處理,當然你在GIF-X Plugin中做好的動畫也可以直接儲存在磁盤上(
47、只要你覺得這個效果還可以),不必再通過Photoshop進行儲存,這樣不僅可大大減少做好后的動畫的字節數,而且還可以不讓圖片太失真,因為友立的GIF動畫軟件的一大缺點就是做出GIF圖片字節數太大,而且能夠再壓縮的冗余比較大,一般我們做好后都要用一些減肥軟件減肥一下,不過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”燈光兩類特效。“Motion”特效有旋轉(Rotation)、掃描(Scan)、自動換片(Nickelodeon)、立方體(Cube)、克隆(Clone)、書狀翻頁(Open book)、彈球狀(Bounce)、放大、縮小(Zoom)等特效,每一種動畫效果又可以通過旁邊的參數(Parameters)選項來調節效果,選擇一種自己滿意的模式,來達到讓人滿意的效果,設置好參數,就可以在"K
49、ey Frame Control"項中進行效果預覽,可以話就OK,SAVE你的作品,不行再來,效果多多,如果真的嫌這樣選來選去太麻煩,那么,做下一步:看見“Gallery”選項沒有,這里相信有你需要的東西,看看下面的一些效果吧,絕對不是一般的GIF動畫制作軟件那樣的喲! 圖031: Motion圖庫在上面的圖片中,你可以看到GIF-X Plugin 2.0中“Motion”特效出來的各種效果圖,第一種是旋轉(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)。當然,以上的模式并不一定就是絕對的,你還可以自己添置一些效果進去,在使用中就可以自由運用了。上面介紹了GIF-X Plugin 2.0中“Motion”特效,下面讓我們看看GIF-X Plugin 2.0中的“LIGHT”特效,其全部的效果圖如下:圖032:Light圖庫
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 系統管理中的團隊合作考點試題及答案
- 解讀稅務師考試的題型特點及策略試題及答案
- 小兒驚厥考試題及答案
- 西醫臨床心理支持能力試題及答案
- 系統架構設計的趨勢預測考題試題及答案
- 高校輔導員招聘的互動交流試題及答案
- 金融律法考試題及答案
- 重慶商貿面試題及答案
- 激光技術研究的新方向試題及答案
- 西醫臨床住院患者評估試題及答案
- 全國統一卷試題及答案
- 2025年第三屆天揚杯建筑業財稅知識競賽題庫附答案(701-800題)
- 2022浪潮英政服務器CS5260H2用戶手冊
- 小學科學湘科版六年級下冊全冊同步練習含答案
- (2024年)傳染病培訓課件
- 家裝施工驗收手冊(共13頁)
- 英文形式發票樣本
- 服裝質量檢驗表最新
- 發電機臨時用電施工方案
- 探析村級會計委托代理存在的問題與對策
- 省人參產業發展情況的調研報告
評論
0/150
提交評論