【U5教程】用Ulead Gif Animator制作網(wǎng)頁GIF動畫（轉(zhuǎn)）

聞竹韻賞清音 2012-03-16

展開全文

現(xiàn)在只要您上網(wǎng)一看，就會發(fā)現(xiàn)許多網(wǎng)頁中都放置了一些GIF動畫，這些動態(tài)顯示的圖片不僅吸引了瀏覽者的注意力，而且也給原本較呆板的畫面增加了不少生機。您是不是也想在自己的網(wǎng)頁中加入一張這樣的動畫圖片呢？其實制作GIF動畫的工具軟件很多，象Ulead公司的Gif Animator知明度就很高，頗受青睞。下面我以一個實例，具體講述用Gif Animator 1.5制作一張GIF動畫圖片的過程。

　　一、計劃及準備工作

　　在這個實例中，完成后的動畫應有如下效果：畫面首先顯示一幅“創(chuàng)一流產(chǎn)品”的圖片，隨后，第二張圖片慢慢地從左至右顯示出來并覆蓋第一張圖片，其圖片的內(nèi)容是“征萬里市場”，當?shù)诙垐D片顯示完成后，第三張圖片以立方體效果的方式從底部翻轉(zhuǎn)出來，上面顯示有我們廠的地址、電話號碼及傳真等。在準備工作方面我們要做的就是三張靜態(tài)圖片，我們可以用WINDOWS中的“畫圖”或?qū)I(yè)圖象軟件制作處理，圖片的大小及修飾依您網(wǎng)頁的實際情況而定。圖片存盤時，將其存為.gif或.jpg格式。

　　二、動畫制作過程

　　1．啟動Gif Animator后，出現(xiàn)如工作畫面。點擊屬性工具欄中的Automatic項，使之不被選中，這樣我們可根據(jù)自己制作靜態(tài)圖片的大小來定義GIF動畫的尺寸。在Background項中可定義背景色，你可以選擇自己喜歡的一種。Looping項是定義動畫循環(huán)次數(shù)，默認值為無數(shù)次。

　　2．執(zhí)行Layer/Add Images命令，調(diào)入制作好的第一張圖片。用相同的方法分別調(diào)入第二張和第三張圖片。如果我們此時不作處理，將文件存盤即可得到最簡單動畫，即三張圖片來回切換顯示。

　　3．用鼠標選中左邊窗口中第一張圖片的文件名，執(zhí)行Layer/Add Transition Effect命令，出現(xiàn)Add　Transition Effect設置窗口。在Transition中將轉(zhuǎn)變設為Wipe（To The Right），也可選別的項目以得到其它效果。將Quality（Frames）項設為Best，將延續(xù)設為4秒后按下OK鈕。

　　4．用鼠標選中左邊窗口中第二張圖片的文件名，執(zhí)行Layer/Add Cube Effect命令，出現(xiàn)Add CubeEffect設置窗口。其中Direction項定義了畫面翻轉(zhuǎn)的方向，我們選Form Bottom To Top，F(xiàn)rames值定義了從第二張圖片翻轉(zhuǎn)至第三張圖片之間有多少幀畫面，Delay為延續(xù)時間值，這兩項我們不用修改，其余的地方均可不與理會，按下OK即可。

　　5．以上步驟完成后，你就可以按下標準工具欄上的Start Preview按鈕預覽您的作品了，或許效果你并不一定滿意，但現(xiàn)在你完全可以自行控制，修改設置以獲得理想的效果。

　　6．執(zhí)行File/Save命令將當前文件存盤，以后你就可以在制作網(wǎng)頁時調(diào)用這個GIF動畫了。

　　怎么樣，Gif Animator這個軟件制作GIF動畫非常的簡單吧。如果您沒有這個軟件的話，可以到友立公司的網(wǎng)頁（http://www.）去下載它的試用版。你會發(fā)現(xiàn)用它制作GIF動畫是那么的輕松自如，另外里面還有不少的功能等待你去發(fā)掘呢！