實現Google bloggerpost部落格另類gif動畫

幾年前因為看到國外有人在教如下圖的gif動畫,一直想學,但程序ˇ似乎有點繁雜,所以就放棄了,直到最近無意中在youtube學到了此技巧,將它做一個簡單教學,希望有興趣的網友笑納

最近較忙,步驟無法一次到位,有興趣的請耐心等待

• 製作gif檔其實很簡單,除了使用免費軟體製作,也有許多網站提供線上產生

• 以下是具體做法:

• 一.製作gif動畫:免費軟體&線上(請自行Google),這裡我介紹一款功能強大的軟體(威力導演的相片大師)
• 二.尋找線上可以儲存gif檔(動畫)的空間:

線上製作動態 GIF 圖檔的網站：

• 55.la：http://gif.55.la/
• Gickr：http://gickr.com/
• Picasion：http://picasion.com/
• Make A Gif：http://makeagif.com/
• GifPal：http://www.gifpal.com/

imgur免費圖片空間:

• http://imageshack.us/     (可上傳gif動劃檔及產生嵌入碼)
• 三.以相片大師為例:先開啟相片大師,使用影片截圖快手,匯入影片

建立動態相片影像

將過長影片裁剪

留下需要的影片片段

選擇快照的gif影格數:自動或手動

影格數多動作慢,影格數少動作快

以下是自動產生的影格照片數

按前往圖庫

選擇儲存的位置,然後按匯入

全選圖片拖曳至上方空白處

選取一張當做gif動畫的底圖

按下一步

接下來按左邊的"下一步"

接下來選取筆刷,刷製作動畫的區域

紅色區域是gif動畫的範圍

選取完,按下預覽(數分鐘)

可為gif動畫增加文字

檢查沒問題,按儲存

儲存時可選尺寸大小(請勿過大:建議600x等比)

• 接下來請將產生的gif動畫,上傳至可儲存的免費空間,產生嵌入碼,再將嵌入碼貼至HTML中,以下是結果

如果有不明瞭或任何問題,歡迎留言,我會盡我所知回答,謝謝!