Translate

2014年9月1日 星期一

GIF動畫DIY

   Mina喜歡圖文互動的感覺,之前找了「洋蔥頭」的GIF動畫來貼在文章上,卻覺得有些違和感,因為「洋蔥頭」不是自己的創作啊! 有些情緒表達也沒法充分達到Mina心目中的效果,所以我決定自己來畫!!

  Mina上網找尋GIF動畫的教學,第一個找到的是提供國外網址,直接在網頁上製作,方便又快速! 可是缺點是 -- Mina發現自己設計的GIF貼圖下方會有該網站的廣告...


  第二種方法是安裝「AnimateGIF」軟體,Mina看到要安裝就覺得有些麻煩了,一旦不常使用,就必須開啟控制台來尋找並刪除小程式,因此這個方法Mina沒有親自使用過,不予置評。


   第三種方法是使用Photoshop來製作GIF動畫,這個方法Mina比較推薦,可以修改圖片、插入文字、調整光線明暗等等,只要熟悉了就很容易上手! 以下Mina來教你如何自製GIF動畫囉!!

步驟一 : 準備兩張以上圖片



步驟二 : 將全部圖片在Photoshop裡開啟



步驟三 : 點選Photoshop工具列上的「移動工具」




步驟四 : 以Mina的範本,將最後一張 5號為底,在 4號的圖片上按住滑鼠左鍵不放,然後拖曳到 5號圖片上。




步驟五 : 以此類推,將所有圖片都拖曳到5號的上方。


步驟六 : 點選「視窗」中的「動畫」功能



步驟七 : 出現動畫工具欄後,把第一張之外的其他眼睛關閉,在眼睛上點一下就可以關了。



步驟八 : 設定動畫的速度,在「0秒」的地方點一下就有選項跳出來,也可以自訂秒數。



步驟九 : 設定好秒數後,按下「複製選取的影格」,來新增下一個動畫圖片。



步驟十 : 同步驟七,將第二張之外的眼睛關閉。




之後,以此類推,重複步驟七到步驟九,直到五張動畫圖片都設定好。



步驟十一 : 點選「檔案」中的「儲存為網頁與裝置用」,這樣就大功告成囉!! 



完成啦~~~!!!
                               以上圖片為Mina所有,未經同意請勿轉載,謝謝合作!!

沒有留言:

張貼留言