透明Animated GIF製作

這圖片不簡單的!!!

圖片是網頁中非常重要的元素，有動作、底色不被局限的圖片更加是重中之重。以下是一個天文台有動畫的黑雨圖案製作。

1‧先下載Tool，我選用的是GIMP (GNU IMAGE MANIPULATION PROGRAM)，原因：免費！！！

可到http://www.gimp.org/下載，這個當然不及Photoshop那樣強大，免費就是要將就將就。

2‧預備一張黑雨圖片

經過一輪安裝，待完成後，就預備一張圖片，由於工作需要，我選取了天文台的黑雨圖示，其實還有紅雨、黃雨(= =)。各位Google一下就知道有沒有。

3‧重覆創建2個Layer

先Dulipcate 2個Layer，這是基本Photoshop技巧，沒有什麼特別，各位有什麼不明白，可以上網尋找一些高手的汁圖技巧。

4‧Layer的圖樣

各Layer只需按照下圖便可以了。
Layer 1 (2行雨水)

Layer 2 (1行雨水)

Layer 3 (沒有雨水)

5‧觀看效果

如圖示中顯示，按下Plackback按鈕，之後再按Play，可以預覽Gif的效果。

6‧匯出

由於我之前選取圖片的format為png，現在需要轉為GIF，所以要使用Export Function進行轉換。

製作動畫GIF，必須勾選"As animation" 及 "Loop forever"。
(Option) 可設定每個frame的間隔時間(Delay between frames where unspecified)，如果選用delay，需要勾選"Use delay entered above for all frames"

7‧創建網頁

動畫GIF製作完成了，就需要用網頁包著它。 我製作了一個有底色的test.html，放住剛剛的GIF檔

8‧網頁結果

效果就是這樣！！！
辛苦了 。