GIF動畫製作大全

  作者:mozart

本人製作這個教程是為了方便一些不會做GIF圖像的人 如果有什麼地方說錯了 望大家指出謝謝

要製作GIF動畫首先 應該了解什麼是動畫 所謂動畫就是在一段時間內顯示的一系列圖像或幀。每一幀較前一幀有輕微的變化,當連續、

快速地顯示這些幀時會產生運動的錯覺。 這就是動畫

再來了解什麼是GIF圖片 GIF圖形交換格式 是在 World Wide Web 及其他聯機服務上常用的一種文件格式,用於顯示超文本標記語

言 (HTML) 文檔中的索引顏色圖形和圖像GIF 是一種用 LZW 壓縮的格式,目的在於最小化文件大小和電子傳輸時間。GIF 格式保留

索引顏色圖像中的透明度 ,但不支持 Alpha 通道。

什麼是 Alpha 通道 通道是存儲不同類型信息的灰度圖像 打開新圖像時,自動創建顏色信息通道 。圖像的顏色模式確定所創建的顏

色通道的數目 例如,通常使用的RGB 圖像有 4 個默認通道:紅色、綠色和藍色各有一個通道,以及一個用於編輯圖像的復合通道

Alpha 通道,可將選區存儲為 8 位灰度圖像。可以使用 Alpha 通道創建並存儲蒙版,這些蒙版使您可以處理、隔離和保護圖像的特定部

分。 只有當以 Adobe Photoshop、PDF、PICT、Pixar、TIFF 或 Raw 格式存儲文件時,才保留 Alpha 通道。DCS 2.0 格式只保留專色通道。

以其它格式存儲文件可能會導致Alpha通道信息丟失(Alpha 通道其實與GIF動畫無關讓大家了解一下)

GIF的替代產品 便攜網路圖形 (PNG)用於在 World Wide Web 上無損壓縮和顯示圖像。與 GIF 不同,PNG 支持 24 位圖像並產生無鋸齒狀

邊緣的背景透明度;但是,某些 Web 瀏覽器不支持 PNG 圖像。PNG 格式支持無 Alpha 通道的 RGB、索引顏色、灰度和位圖模式的圖像。PNG

保留灰度和 RGB 圖像中的透明度不支持動畫。

網路最常用的 聯合圖片專家組 (JPEG) 格式是在 World Wide Web 及其他聯機服務上常用的一種格式,用於顯示超文本標記語言 (HTML)

文檔中的照片和其他連續色調圖像。JPEG 格式支持 CMYK、RGB 和灰度顏色模式,但不支持 Alpha 通道。與 GIF 格式不同,JPEG 保留 RGB

圖像中的所有顏色信息,但通過有選擇地扔掉數據來壓縮文件大小當然也不支持動畫。

JPEG 圖像在打開時自動解壓縮。壓縮級別越高,得到的圖像品質越低;壓縮級別越低,得到的圖像品質越高

windows專用格式 BMP 是 DOS 和 Windows 兼容計算機上的標準 Windows 圖像格式。BMP 格式支持 RGB、索引顏色、灰度和位圖顏色模式。

可以為圖像指定 Windows 或 OS/2? 格式和位深度。對於使用 Windows 格式的 4 位和 8 位圖像,還可以指定 RLE 壓縮不支持動畫。

BMP 圖像通常是自下而上編寫出;但您也可以選擇「翻轉行序」選項,自上而下編寫。您還可以點按「高級模式」選擇其他編碼方法。(「翻

轉行序」和「高級模式」對於遊戲工程師和其他使用 DirectX 的人員而言最有用。)

好了對圖片格式有了一定的認識下面就來講講可以作GIF動畫的幾個常見的軟體

介紹軟體前先對大家說說優化設置這個項目 其功能不是讓圖片更好看而是對圖片進行壓縮就向jpeg那樣對圖片的某些象素進行刪除

以減少圖片大小的一個項目 這個功能極為有用

介紹 1 Ulead GIF Animator 5 工具

此工具對於GIF動畫初學者來說簡直就是GIF傻瓜機 製作極為簡單它支持 AVI mpg 的影像文件導入 缺點就是

用此方法文件占用空間極大 一張幾秒的圖片一般有上百張圖將近1~5MB左右

不過還是可以用添加圖像的方法來製作的 打開影片然後截圖 之後添加圖像一幀一幀的製作這樣圖片大小就小的多

每一張圖片下面有圖像停留的時間 選擇合適的時間後另存為

Ulead GIF Animator 5支持導入的圖像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)柯達公司的照片 CD

製作完成後就可以保存GIF Ulead GIF Animator 5支持保存的格式GIF文件格式

UGA文件格式

UFO文件格式

PSD文件格式

保存時注意要選另存為如果選 保存 那將只是保存UGA(Ulead GIF Animator 5)格式

介紹 2 Macromedia Fireworks MX 2004工具

這款工具對於製作網頁的人來說那因改是很熟悉的,著名的Macromedia公司出品Fireworks MX 2004相對於上一款來說這款軟體製作起來

就比較繁瑣不過效果是比上一款要來的好

其中圖像的優化設置就要比上一款要好的多 不過製作方法比較繁瑣每導入一張圖片需要經過點擊拉伸的方式來製作

在導出的時候先要導出預覽才可導處或者導出html然後圖片另存為 如果選保存那麼格式就是PNG格式雖然PNG格式的幀數沒有少 但是上面

提到PNG格式不支持動畫所以以PNG格式保存的動畫在一般的瀏覽器中是看不出動畫效果的 只有在Macromedia Fireworks MX 2004中才可

以看到

製作方法首先要新建一個文件 文件的大小尺寸可以自己隨意 然後在右邊的選項中找到 幀和歷史記錄 旁的一個按鈕按下 選擇添加幀

幀數可自己調節然後在每一幀導入相應的圖片(比如說影片中的動作幀的截圖等) 導入後看不到圖片? 不要緊看到有個直角標誌了嗎

點擊滑鼠不要鬆開向下拉就可以看到圖片了 拉的大小可以隨意 如果想拉到和畫布一樣的大小那麼拉到與畫布差不多大小的時候圖像會

自動找到畫布大小將其對應 在每一幀的右邊是設置圖片停留時間 雙擊就可以改變時間

綜上所訴的作好每一幀後 就是保存的時候了保存的時候尤其注意 如果只是點擊保存或另存為的畫那麼保存的格式就是PNG格式 在 Web

上以及圖片瀏覽器上是沒有動畫效果的只有在 Macromedia Fireworks MX 2004 才有動畫效果

想保存GIF格式有這幾種方法 文件 選擇導出 在格式中選html和圖像 那麼可以先打開網頁在將圖片進行保存 還有一種方法就是 文件

導出預覽 然後自己選擇一下圖像的優化設置優化到合適的大小後導出 這樣可以直接導出GIF動畫 它還支持導出 SWF flash格式的文

Macromedia Fireworks MX 2004支持導入的文件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支持導出的文件 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 應該有些了解了吧!! 本人非常喜歡這個軟體

用它來作GIF簡直就是神兵利器啊~~~~~~~

他可以在Photoshop與ImageReady間自由轉換編輯區遇到動畫問題可以交給ImageReady遇到圖像問題可以教給Photoshop可以不誇張的

說用他們來做動畫都可以 具體方法比上面的方法都要複雜一些不過 製作出來的效果 絕對是ImageReady要好

知道方法的話運用ImageReady來製作GIF才是王道

在這裡我只簡單的介紹動畫的製作方法 如果說複雜的那就可以出書了

在右邊的優化選項中選擇圖片格式為GIF

如果是已經有一堆截圖準備進行GIF的製作的話簡直太簡單了 首先先把文件黏貼到一個文件夾 然後運行 ImageReady點擊文件 導入

選擇作為幀的文件夾 找到剛才貼入圖片的文件夾 確定 之後圖片會依次導入快速無比

如果想一幀一幀編輯的話下面有個動畫的工具欄 點擊右邊的一個箭頭即可 新建幀 每新建一個幀都會以前一幀的圖片為背景然後編輯

在動畫的工具欄中的圖片下有圖片停留時間 點擊即可選擇時間

之後就是保存了 如果選保存或另存為那麼圖片格式只有PSD格式 如果想保存GIF那麼選存儲優化結果 或 將優化結果存儲為就可以存儲

GIF圖像了

Adobe ImageReady 7.0.1支持導入的圖片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支持導出的圖片 HTML和圖像(*. html )

GIF僅限圖像(*.gif )

png僅限圖像(*.png)

jpeg僅限圖像(*.jpeg)

wbmp僅限圖像(*.wbmp)

僅限HTML(*.html )

如果你是想做動畫的話 那麼建議大家就不要以GIF圖片的方式來製作 GIF圖片只是讓大家娛樂的一個好工具 還是做廣告的一個好幫手但

是如果你是想做一個短片動畫的話 用以上工具就有點勉強了 還是建議使用Macromedia Flash軟體才是王道~~~~~~~~

本人知道 做GIF的方法還有很多 很多~~比如用QQ的動態截圖也可以做GIF 以上三種是本人經常用的三種 所以告訴其使用方法如果有

誰還有補充的話 , 本人熱烈歡迎貴客前來補充。

GIF動畫製作大全