DIV CSS 佈局教程網

GIF動畫制作大全
編輯:Fireworks基礎     
作者: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 以上三種是本人經常用的三種 所以告訴其使用方法如果有
誰還有補充的話 , 本人熱烈歡迎貴客前來補充。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved