# 臉書文章動畫圖片製作

> 來源：https://netidea.tw/%E8%87%89%E6%9B%B8%E6%96%87%E7%AB%A0%E5%8B%95%E7%95%AB%E5%9C%96%E7%89%87%E8%A3%BD%E4%BD%9C/
> 作者：蘇承樂 網路行銷講師｜發布：2017-12-11｜更新：2023-03-07

你想讓粉絲團與粉絲做互動嗎??可以來舉辦這種透過動畫圖片的文章來舉辦活動，透過這種活動的舉辦可以讓網友在文章下方貼上截圖，讓貼文活動更有趣，而這篇文章是和大家分享不會美工設計，也可以輕鬆製作出自己的文章貼圖動畫的技巧

 

步驟一:

 

準備幾張要顯示的動畫圖片，圖片尺寸大小需要一樣，若需要了解如何設計圖片可以看一下這篇文章[你想輕鬆製作出超吸睛的文章插圖?](https://netidea.tw/%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE4%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DBD%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DA0%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE6%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D83%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DB3%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE8%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DBC%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D95%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE9%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DAC%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D86%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE8%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DA3%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DBD%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE4%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DBD%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D9C%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE5%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D87%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DBA%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE8%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DB6%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D85%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE5%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D90%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DB8%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE7%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D9D%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D9B%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE7%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D9A%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D84%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE6%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D96%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D87%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE7%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DAB%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DA0%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE6%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D8F%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D92%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7DE5%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D9C%7B53017d8560f1d3b7972a7696f3bd93e1b97c95d381dd7f1a4e96999f848ecce5%7D96/)

 

動畫圖片範例(六張圖):

 

 

步驟二:

 

再到這網站 [http://giphy.com/create/slideshow](http://giphy.com/create/slideshow) 後，點選 CHOOSE PHOTO OR GIF按鈕

 

步驟三:

 

到電腦內找到原本製作好的圖片全選並上傳

 

步驟四:

 

將圖片上傳後，調整圖片動畫顯示速度(如下圖紅色框線–往左滑速度越快)，確定速度後點選 Continue to Upload

 

，若想要再增加圖片再點選Browse Files

 

步驟五:

 

顯示動畫的速度，若想要加圖可點選 +Add more images 回上一層增加圖片，確認後點選 Continue to Upload

 

步驟六:

 

系統會將你上傳的圖片製作出一張動畫圖，完成後在點選Copy link

 

步驟七:

 

顯示各種動畫圖片的網址讓你選擇，若是想放在臉書粉絲團上讓網友點選，請選擇下方紅色框線中的網址，最後把這網址貼在臉書粉絲團中的對話框並發表文章即可完成

 

最後完成圖

 

範例一(速度調整快的圖)

 

 

範例二(速度調整慢的圖)