動態 banner 簡單介紹

mew

有人問我個 banner 點做,我大約講講,不過我都係第一次用 ImageReady ,所以唔係好識用。
動態圖 (gif) ,簡單黎講就係將幾張靜態圖片結合而成。
首先我用 Abode Photoshop 把 gif 的原圖畫出來,好像我這個 banner ,就用了 42 張 jpg 圖。
我就把 42 張 jpg 圖 send 給女友,女友再幫我把圖用 ImageReady 結合起來。
(請注意,這個是笨方法,其實可以由 Photoshop 直接把 psd 檔送到 ImageReady 砌動畫。)
(再請注意,這個是最簡單但最麻煩的方法。)

—————————————-

 原圖

1)


2)


3)
4)
5)


6)

—————————————-

(以下是我試用 ImageReady 後大約知道的做法)
例如我把全部原圖,按順序 save 進一個叫 yb 的 folder 中
打開 Abode ImageReady ,再按 File –> Import –> Folder as Flames …
選 yb 的 folder ,那 ImageReady 就會自動順序把圖片結合成 animation 。
完成設定時間後,就可以按 File –>  save optimized as 來 save 做 gif 圖。
(注意,例如動畫有 12 張圖,第一張圖請盡量叫 01.jpg )

例如把 2-5 的圖結合,結果就是這樣。

—————————————-

完成 gif 圖後,只要把 gif 圖 upload 上 banner 就會變成動態 banner 了。

如有不明白,亦可以參考一下 YY 的教學,圖文並茂,簡單易明。
http://hk.myblog.yahoo.com/jw!EgKZz3uLCRaLKz4.fA–/article?mid=5100