查看完整版本: GIF 動畫(Animation)製作

影子 2008-2-26 11:52

GIF 動畫(Animation)製作

[color=blue]     動畫的形成是由連續顯示數張圖片所造的視覺效果,其原理與卡通影片是一樣的,我們可以設定每張圖片所停滯的時間,而造成不同的動畫顯示速度。&RV(`"ZkZ
     通常製作動畫是需要繪圖軟體與動畫製作軟體來互相搭配,其中繪圖軟體負責圖片的繪製,而動畫製作軟體則負責整合這些圖片的動作。
T.E']B&N z
1ZKq4~!@/S[&g7N%rS      一般常用的繪圖軟體如Photoshop、PaintShop Pro、PhotoImpact....等等,幾乎多有支援各種圖檔格式,尤其是GIF。
5bH6Z%?{ ]? ?!s#gK kJ Vt'{ r-Z&y ?{
     Microsoft GIF Animator、GIF Construction Set或Ulead GIF Animator動畫製作軟體,是目前市面上製作動畫操作簡易、使用廣泛的軟體。
;h:~9Qh{fP      有些動畫製作軟體可不須要有任何圖片的輸入即可製作動畫,如跑馬燈的動畫訊息顯示;另外只需輸入一張圖片,該軟體即可自動將其分解成數張圖片,而製作出該圖片特殊顯示效果的動畫。 gef/|,H#M(jk
     當要製作一張動畫時,可使用繪圖軟體來製作各別圖檔,再將這些構成動畫的連續數張圖檔分別儲存成不同檔名的GIF檔,然後再使用動畫製作軟體,如Microsoft GIF Animator、GIF Construction Set或Ulead GIF Animator來整合這些圖檔,針對每張圖檔設定相關的屬性(如顯示的停滯時間、透明色),以完成一幅動畫的製作,且在這些軟體中就可以直接觀看動畫的顯示,經過動畫製作軟體製作出來的動畫,其檔案格式即是GIF89a的格式。 *TUSh si"c;yV
      使用來製作動畫的GIF格式,一般都是以GIF89a格式居多,少數是GIF87a格式。f h RuDH
      GIF的影像圖檔格式是採用一種叫作LZW的壓縮演算法(compression algorithm)壓縮過的圖檔格式。所以GIF格式的影像圖檔會比其它的影像圖檔格式(如BMP)所佔的檔案小得多,當然BMP檔其對影像的失真會較小,相對的GIF檔雖然是可省去不少 檔案空間。
,Q1I8BCS                   
VV`XOh x;I      GIF的圖檔格式最多只能允許有256種顏色,但一般其它的圖檔格式(如BMP,JPG)允許上百萬種的顏色,當然圖檔格式中允許越多的顏色其檔案會越大。若是某個圖檔它是超過256種顏色,則繪圖軟體在轉存這個圖檔成GIF格式時,會自動將顏色轉換為256種顏色,所以圖案的色澤會有失真的現象。在GIF89a的檔案格式中,其允許顏色種類的範圍是最少2種,最多不可超過256種顏色,並且圖檔中顏色種類越少其檔案的大小會越小。 Gd1Sv5Ivn9A3d

7`PU"V1`3h7`yIwW      GIF89a格式製作動畫優點有j7RJ!K t*b
       1.在Home Page的設計中,您不需要使用到複雜的Java或其它CGI程式,只要使用GIF Construction Set或Ulead GIF Animator軟體就可以製作動畫。
s} d;m a4@,^,S        2.瀏覽器如Netscape或Explorer均可以直接解讀GIF89a的格式。 YMLYNQU
       3.因有壓縮的功能,GIF動畫其檔案會較小,可減少網路傳送的時間。 0\!MED[7K;N|
       4.可設定動畫的背景顏色是透明的。 ?)uwN$@ES@
       5.可設定圖檔以交錯的方式來顯示。 e;V.Hp[h
       6.提供不同顏色的色板,如色板可以是2、4、8、16、32、64、128或256種顏色,可對圖檔大小提供最佳化的選擇。[/color]
8V/L(W7[ g(}`{+V J m xBp8RP[
[b]文字特效、固定背景 :[/b] g"V-W!t.Ruce%R
[img]http://www.nhlue.edu.tw/~honda/animator/gif/nhltc.gif[/img])} [ E.v0ULef
插入背景 RrLXw z3Lx
調整底框 ek`cQx7|e,mc
文字特效
9f6D Xb D a} v n1]           Ni1vP iA4{ nZ
   
*m-];J9Y'wc"@ Ehwb;Tn!J-r#C
[b]由一影像轉換至另一影像[/b];Zm-P`rB
[img]http://www.nhlue.edu.tw/~honda/animator/gif/frame1-frame2.gif[/img]
2b/~ n\Ac*a1q 插入一個影像lKM'N%J/uD.lG$k
插入另一影像
1H~o1~F5Pd 轉場特效
C3W|V6O*T
-KF%@m1dy_EE%H
qo P#DTx+Y s}| X#C !^ YQ O1OBH&ai$rB
[b]單一影像變化[/b]
| _ `d1ws,S [img]http://www.nhlue.edu.tw/~honda/animator/gif/control.gif[/img];`UnP8cTI0`f c
插入影像se-?%mi$eQ7y
視訊特效
:[W8nL/YZ:e!mZ 設定『控制點調整器』之參數
-F&I.w6t3O$o"O
%Z"q @1o@ YCD
Jf&[s/@+n
ry8YF\n#r [b]物件控制[/b]h?\w!v
[img]http://www.nhlue.edu.tw/~honda/animator/gif/object.gif[/img]
z,m&t"d`:`j2of&IaI6H 在Photoimpact製作各式物件3A l2Vo7q-B
存成ufo檔案
9my%R }6] gif animator開啟ufo檔案0zV.?,K9`(BJ#E.Z_
[img]http://www.nhlue.edu.tw/~honda/animator/gif/leaf.gif[/img]y B1DiBs$Wv?r
在gif animator內控制物件大小位置等屬性
fmZ ];UO)H[/t W
4y8P m0O_@SMFo 作者:蔡逸竹
頁: [1]
查看完整版本: GIF 動畫(Animation)製作