常常看見許多動態的GIF圖檔嗎?
自製GIF小動，用來當作自己簽名檔或是大頭貼更具個人風格與獨創性， 你也可以自己動手做。
大致上 壓做GIF常用以下三套軟體：
1.Adobe Image Ready (Adobe Photoshop附屬的軟體)
2.Flash
3.Ulead GIF Animator
此次教學是使用Adobe Image Ready來製作簡易的GIF小動畫檔
壓儘量將所有步驟都弄張圖檔，這樣比較方便觀看者製作，
步驟及解說可能多一點，目地是要讓大家更瞭解細節，但是不難^^
---------範例圖--------------
壓利用這隻可愛的卡通人物來做範例 ...雖然不知道他叫做什麼^^"
完成後的範例圖 原圖
---------製作步驟--------------
1：替GIF小動畫做個背景當襯底
>>設定後得到的背景>>
請打開Adobe Image Ready軟體，並開新檔案
長寬各100像素，以填色背景色當背景
以上設定只是舉例，可以自己設定長寬，底色選項也能選白色或是透明皆可
(第2個選項是看工具列中背景色為何色，就會以何色當背景)
如果不想有襯底，此步驟可以省略，直接跳到步驟2
步驟2：調整圖檔大小
將要在GIF動畫出現的圖檔開出來(這範例壓使用3張)
因原圖檔長寬可能不相同，為求美觀，壓依序將3張圖大小設為相同大小
在右圖中，將依比例縮放選項取消掉，再來自行設定長寬(不取消依比例縮放，圖檔如長寬不同，會導致GIF動畫完成後亂跳)
(此範例設長寬各為90像素)
(如不想要趁底，亦可將長寬尺寸設為步驟1之尺寸大小，則圖會蓋過背景)
步驟3：將圖拖曳至背景圖層中並調整位置
將修改好尺寸的3張圖都拖曳到步驟1的背景中
並利用滑鼠或是方向鍵分別調整3張圖，使其重疊再一起，
這樣GIF完成後圖片才不會亂跳
(如果原先沒做襯底(步驟1)，就將圖2圖3拖曳到圖1即可)
步驟4：開出製作GIF動畫視窗並設定影格數
在上方選項中選擇視窗>動畫(會出現動畫浮動視窗)
壓的GIF範例由3張圖構成，所以在複製影格選項處點出3個影格(如上圖)
步驟5：設定GIF小動畫圖片之出現順序
在動畫視窗中點選影格1，並在圖層視窗中點掉圖2圖3的眼睛，只保留圖1的眼睛
(此為設定GIF第1張出現的圖，所以把圖2.3的眼睛點掉)
(此處的圖1.2.3是指那三張構成GIF的卡通圖，而非圖層視窗的圖層1.2.3唷，別搞錯)
觀念同上
(此為GIF第2張出現的圖)
觀念同上
(此為GIF第3張出現的圖)
步驟6：設定每張圖在GIF中停留的秒數
在動畫視窗中我們已經可以看到3張圖在GIF動畫中出現的順序
接著我們來設定3張圖在GIF動畫中停留的秒數(參考上圖下方紅字操作說明)
(上圖作法是3張圖秒數相同，欲要3張圖不同秒數就各自點下方秒數自行設定)
點選影格下方秒數，會跳出設定秒數的訊息欄
(此範例設定每張圖出現0.5秒更換一張圖)
步驟7：完成GIF製作，進行存檔動作
GIF的小動畫製作到此結束，接下來進行存檔動作
依照上圖，請點選視窗>最佳化(會跳出上圖右方的存檔設定)
顏色的話壓這範例是選最高的256色
(GIF檔最高有256色，此處選項有8種，越高畫質越好相對檔案越大)
儲存選項設定完成後，請選上方選項檔案>儲存為網頁最佳化格式
上方製作步驟
但是按照步驟說明操作就可以確實做出來GIF動畫囉，請別擔心
(動畫視窗中影格2.3圖片相同，可能是我不小心點到，這裡說聲抱歉)
GIF小動畫，製作完成
-----------【GIF製作注意事項】--------------------
1.構成GIF動畫的圖最好長寬相同或相近，盡量不要挑選長寬相差很大的圖
(否則就先進行影像的處理再來製作)
2.不一定只能用圖做，亦可加入文字
如閃字效果的GIF，重點觀念在於影格間的變化
3.除了圖片文字在原點轉換外，亦靠多張影格做出位移的效果
[
本帖最後由 philxyz0316 於 2006-7-27 21:17 編輯 ]
