2014-11-07

用Photoshop制作GIF動畫

面兩篇文章介紹了Excel的資料剖析功能,希望對各位有參考價值。而對筆者而言,寫該兩篇文章,最大的收穫則是學會了用Photoshop來制作GIF動畫。

大家一定都知道,Adobe公司的Photoshop是最受歡迎的圖像處理軟件之一;大家卻不一定知道,Photoshop還能制作GIF動畫。(註:要是知道的話可以繞道了,本文沒有 閣下需要的資訊......)

關於制作GIF動畫,筆者最初用的是台灣Ulead Photoimpact的捆綁軟件--Ulead GIF Animator,後來因為Ulead的盜版資源不好找,才“轉戰”Photoshop。起初Photoshop也有類似的捆綁軟件,名為ImageReady。自Photoshop CS3以來,由於大部分ImageReady的功能在Photoshop已經具備,ImageReady便走進歷史。順理成章地,Photoshop CS3亦具備了制作GIF動畫的功能。

長話短說,以下將會介紹如何用Photoshop制作GIF動畫,再次提醒:高手請無視,以免浪費時間......


※※※※※※※※※※¡流量警告!※※※※※※※※※※
非常簡單的例子,以下有“1”、“2”、“3”、“4”四幅圖片,現在要把它組合成一個GIF動畫。
【1】

首先要調出動畫窗口:打開Photoshop,然後“視窗(W)”-->“動畫”。

【2】

接下來要載入四幅圖片。首先“檔案(F)”-->“指令碼(K)”-->“將檔案載入堆疊”。

彈出了“載入圖層”窗口如下,點一下“瀏覽(B)”。

然後彈出了“開啟檔案”窗口,選取上述“1”~“4”四幅圖片,按“確定(O)”。

可以看到,原來空白的欄位上出現了剛才選取的四幅圖片。

幾秒鐘之後,Photoshop便產生了一個新圖檔“未命名1”,而剛才選取的四幅圖片則變成了新圖檔的圖層。載入圖片的步驟至此完畢。

【3】

接下來要製作動畫。首先點一下“動畫(影格)”窗口右上角的“清單”圖示,然後選擇“從圖層製作影格”。如下圖。

“動畫(影格)”窗口中出現了四個影格,每個圖層佔一格,可以點擊影格右下方的向下箭頭來調整每個影格的時長(如下圖)。此外還可以拖曳影格來改變次序,可以新增或刪除影格,更可以利用“補間”功能產生漸變效果。更多功能留待讀者發掘。[於是問題來了......]

【4】

最後一步是保存。首先“檔案(F)”-->“儲存為網頁與裝置用(D)”。

彈出“儲存為網頁和裝置用”窗口,這裡可以預覽結果,也可以作其他設置。沒問題按“儲存”即可。


結果如下:
正常
漸變效果

沒有留言:

張貼留言