GIF動畫制作大全

清清牧晨 2005-12-15

展開全文

GIF動畫制作大全作者：mozart 本人制作這個教程是為了方便一些不會做GIF圖像的人如果有什么地方說錯了望大家指出謝謝要制作GIF動畫首先應(yīng)該了解什么是動畫所謂動畫就是在一段時間內(nèi)顯示的一系列圖像或幀。每一幀較前一幀有輕微的變化，當(dāng)連續(xù)、快速地顯示這些幀時會產(chǎn)生運(yùn)動的錯覺。這就是動畫再來了解什么是GIF圖片 GIF圖形交換格式是在 World Wide Web 及其他聯(lián)機(jī)服務(wù)上常用的一種文件格式，用于顯示超文本標(biāo)記語言 (HTML) 文檔中的索引顏色圖形和圖像GIF 是一種用 LZW 壓縮的格式，目的在于最小化文件大小和電子傳輸時間。GIF 格式保留索引顏色圖像中的透明度，但不支持 Alpha 通道。什么是 Alpha 通道通道是存儲不同類型信息的灰度圖像打開新圖像時，自動創(chuàng)建顏色信息通道。圖像的顏色模式確定所創(chuàng)建的顏色通道的數(shù)目例如，通常使用的RGB 圖像有 4 個默認(rèn)通道：紅色、綠色和藍(lán)色各有一個通道，以及一個用于編輯圖像的復(fù)合通道 Alpha 通道，可將選區(qū)存儲為 8 位灰度圖像?？梢允褂?Alpha 通道創(chuàng)建并存儲蒙版，這些蒙版使您可以處理、隔離和保護(hù)圖像的特定部分。只有當(dāng)以 Adobe Photoshop、PDF、PICT、Pixar、TIFF 或 Raw 格式存儲文件時，才保留 Alpha 通道。DCS 2.0 格式只保留專色通道。以其它格式存儲文件可能會導(dǎo)致Alpha通道信息丟失（Alpha 通道其實(shí)與GIF動畫無關(guān)讓大家了解一下） GIF的替代產(chǎn)品便攜網(wǎng)絡(luò)圖形 (PNG)用于在 World Wide Web 上無損壓縮和顯示圖像。與 GIF 不同，PNG 支持 24 位圖像并產(chǎn)生無鋸齒狀邊緣的背景透明度；但是，某些 Web 瀏覽器不支持 PNG 圖像。PNG 格式支持無 Alpha 通道的 RGB、索引顏色、灰度和位圖模式的圖像。PNG 保留灰度和 RGB 圖像中的透明度不支持動畫。網(wǎng)絡(luò)最常用的聯(lián)合圖片專家組 (JPEG) 格式是在 World Wide Web 及其他聯(lián)機(jī)服務(wù)上常用的一種格式，用于顯示超文本標(biāo)記語言 (HTML) 文檔中的照片和其他連續(xù)色調(diào)圖像。JPEG 格式支持 CMYK、RGB 和灰度顏色模式，但不支持 Alpha 通道。與 GIF 格式不同，JPEG 保留 RGB 圖像中的所有顏色信息，但通過有選擇地扔掉數(shù)據(jù)來壓縮文件大小當(dāng)然也不支持動畫。 JPEG 圖像在打開時自動解壓縮。壓縮級別越高，得到的圖像品質(zhì)越低；壓縮級別越低，得到的圖像品質(zhì)越高 windows專用格式 BMP 是 DOS 和 Windows 兼容計(jì)算機(jī)上的標(biāo)準(zhǔn) Windows 圖像格式。BMP 格式支持 RGB、索引顏色、灰度和位圖顏色模式。可以為圖像指定 Windows 或 OS/2? 格式和位深度。對于使用 Windows 格式的 4 位和 8 位圖像，還可以指定 RLE 壓縮不支持動畫。 BMP 圖像通常是自下而上編寫出；但您也可以選擇“翻轉(zhuǎn)行序”選項(xiàng)，自上而下編寫。您還可以點(diǎn)按“高級模式”選擇其他編碼方法。（“翻轉(zhuǎn)行序”和“高級模式”對于游戲程序員和其他使用 DirectX 的人員而言最有用。）好了對圖片格式有了一定的認(rèn)識下面就來講講可以作GIF動畫的幾個常見的軟件介紹軟件前先對大家說說優(yōu)化設(shè)置這個項(xiàng)目其功能不是讓圖片更好看而是對圖片進(jìn)行壓縮就向jpeg那樣對圖片的某些象素進(jìn)行刪除以減少圖片大小的一個項(xiàng)目這個功能極為有用介紹 1 Ulead GIF Animator 5 工具此工具對于GIF動畫初學(xué)者來說簡直就是GIF傻瓜機(jī) 制作極為簡單它支持 AVI mpg 的影像文件導(dǎo)入缺點(diǎn)就是用此方法文件占用空間極大一張幾秒的圖片一般有上百張圖將近1～5MB左右不過還是可以用添加圖像的方法來制作的打開影片然后截圖之后添加圖像一幀一幀的制作這樣圖片大小就小的多每一張圖片下面有圖像停留的時間選擇合適的時間后另存為 Ulead GIF Animator 5支持導(dǎo)入的圖像BMP (Windows Bitmap) EPS (EPS File Format) GIF (Graphics Interchange Format) IFF (Amiga ILBM) IMG (GEM Image) JPG (JPEG file interchange format) MAC (MacPaint)MSP (Windows Paint) PCD (Kodak Photo CD)柯達(dá)公司的照片 CD 制作完成后就可以保存GIF Ulead GIF Animator 5支持保存的格式GIF文件格式 UGA文件格式 UFO文件格式 PSD文件格式保存時注意要選另存為如果選保存那將只是保存UGA（Ulead GIF Animator 5）格式介紹 2 Macromedia Fireworks MX 2004工具這款工具對于制作網(wǎng)頁的人來說那因改是很熟悉的，著名的Macromedia公司出品Fireworks MX 2004相對于上一款來說這款軟件制作起來就比較繁瑣不過效果是比上一款要來的好其中圖像的優(yōu)化設(shè)置就要比上一款要好的多不過制作方法比較繁瑣每導(dǎo)入一張圖片需要經(jīng)過點(diǎn)擊拉伸的方式來制作在導(dǎo)出的時候先要導(dǎo)出預(yù)覽才可導(dǎo)處或者導(dǎo)出html然后圖片另存為如果選保存那么格式就是PNG格式雖然PNG格式的幀數(shù)沒有少但是上面提到PNG格式不支持動畫所以以PNG格式保存的動畫在一般的瀏覽器中是看不出動畫效果的只有在Macromedia Fireworks MX 2004中才可以看到制作方法首先要新建一個文件文件的大小尺寸可以自己隨意然后在右邊的選項(xiàng)中找到幀和歷史記錄旁的一個按鈕按下選擇添加幀幀數(shù)可自己調(diào)節(jié)然后在每一幀導(dǎo)入相應(yīng)的圖片（比如說影片中的動作幀的截圖等）導(dǎo)入后看不到圖片？不要緊看到有個直角標(biāo)志了嗎點(diǎn)擊鼠標(biāo)不要松開向下拉就可以看到圖片了拉的大小可以隨意如果想拉到和畫布一樣的大小那么拉到與畫布差不多大小的時候圖像會自動找到畫布大小將其對應(yīng) 在每一幀的右邊是設(shè)置圖片停留時間雙擊就可以改變時間綜上所訴的作好每一幀后就是保存的時候了保存的時候尤其注意如果只是點(diǎn)擊保存或另存為的畫那么保存的格式就是PNG格式在 Web 上以及圖片瀏覽器上是沒有動畫效果的只有在 Macromedia Fireworks MX 2004 才有動畫效果想保存GIF格式有這幾種方法文件選擇導(dǎo)出在格式中選html和圖像那么可以先打開網(wǎng)頁在將圖片進(jìn)行保存還有一種方法就是文件導(dǎo)出預(yù)覽然后自己選擇一下圖像的優(yōu)化設(shè)置優(yōu)化到合適的大小后導(dǎo)出這樣可以直接導(dǎo)出GIF動畫它還支持導(dǎo)出 SWF flash格式的文件 Macromedia Fireworks MX 2004支持導(dǎo)入的文件Fireworks (.png) FreeHand (.fh7;.ft7;.fh8;.ft8;.fh9;.ft9;.fh10;.ft10;.fh11;.ft11) GIF (.gif) JPEG (.jpg;.jpe;.jpeg) Photoshop PSD (.psd) WBMP (.wbmp;.wbm) TIFF (.tif;.tiff) Targa (.tga) BMP (.bmp;.dib;.rle) Adobe Illustrator (.ai;.art) EPS (.eps) RTF 文本 (.rtf ) HTML 文件 (.htm ;. html; .xhtm ;.xhtml ; .) ASCII 文本 (. txt) Macromedia Fireworks MX 2004支持導(dǎo)出的文件 HTML和圖像僅圖像（GIF） Dreamweaver 庫 (.lbi ) CSS 層 (.htm ) Director (.htm) 層到文件（GIF）幀到文件（GIF） Lotus Domino Designer Macromedia Flash SWF Illustrator 7 Photoshop PSD 介紹 3 Adobe ImageReady 7.0.1 專家級工具喜歡Adobe Photoshop7. 0.1也就是大家說的PS的用戶對于Adobe ImageReady7.0.1 應(yīng)該有些了解了吧??！本人非常喜歡這個軟件用它來作GIF簡直就是神兵利器啊～～～～～～～他可以在Photoshop與ImageReady間自由轉(zhuǎn)換編輯區(qū)遇到動畫問題可以交給ImageReady遇到圖像問題可以教給Photoshop可以不夸張的說用他們來做動畫都可以具體方法比上面的方法都要復(fù)雜一些不過制作出來的效果絕對是ImageReady要好知道方法的話運(yùn)用ImageReady來制作GIF才是王道在這里我只簡單的介紹動畫的制作方法如果說復(fù)雜的那就可以出書了在右邊的優(yōu)化選項(xiàng)中選擇圖片格式為GIF 如果是已經(jīng)有一堆截圖準(zhǔn)備進(jìn)行GIF的制作的話簡直太簡單了首先先把文件粘貼到一個文件夾然后運(yùn)行 ImageReady點(diǎn)擊文件導(dǎo)入選擇作為幀的文件夾找到剛才貼入圖片的文件夾確定之后圖片會依次導(dǎo)入快速無比如果想一幀一幀編輯的話下面有個動畫的工具欄點(diǎn)擊右邊的一個箭頭即可新建幀每新建一個幀都會以前一幀的圖片為背景然后編輯在動畫的工具欄中的圖片下有圖片停留時間點(diǎn)擊即可選擇時間之后就是保存了如果選保存或另存為那么圖片格式只有PSD格式如果想保存GIF那么選存儲優(yōu)化結(jié)果或將優(yōu)化結(jié)果存儲為就可以存儲 GIF圖像了 Adobe ImageReady 7.0.1支持導(dǎo)入的圖片Compuserve GIF (.gif) ... Adobe ImageReady JPEG (.jpg;.jpeg;.jpe) PNG (.png) WBMP (.wbmp;.wbm) Acrobat TouchUp Image (.pdf;.ai;.pdp) BMP (.bmp;.rle;.dib) Filmstrip (.flm) PCX (.pcx) Photo CD (.pcd) Pixar (.pxr) QuicEPS (.eps) Targa (.tga;.vda;.icb;.vst) TIFF (.tif;.tiff) 通用 EPS (.ai 3;. ai4;. ai5; .ai6 ;.ai 7;.) 通用 PDF (.pdf ;. pdp) 通用 PDF (.ai ) 腳本快捷批處理 (. exe) Adobe ImageReady 7.0.1支持導(dǎo)出的圖片 HTML和圖像(. html ) GIF僅限圖像(.gif ) png僅限圖像(.png) jpeg僅限圖像(.jpeg) wbmp僅限圖像(.wbmp) 僅限HTML(.html ) 如果你是想做動畫的話那么建議大家就不要以GIF圖片的方式來制作 GIF圖片只是讓大家娛樂的一個好工具還是做廣告的一個好幫手但是如果你是想做一個短片動畫的話用以上工具就有點(diǎn)勉強(qiáng)了還是建議使用Macromedia Flash軟件才是王道～～～～～～～～本人知道做GIF的方法還有很多很多～～比如用QQ的動態(tài)截圖也可以做GIF 以上三種是本人經(jīng)常用的三種所以告訴其使用方法如果有誰還有補(bǔ)充的話，本人熱烈歡迎貴客前來補(bǔ)充。

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：清清牧晨 > 《技術(shù)應(yīng)用》

舉報(bào)/認(rèn)領(lǐng)