最後更新時間：2024 – 4 – 17 by ChuChu
使用 Canva 除了一般的文案設計外，也能用來做 GIF 動畫喔！可以製作簡單的動畫和短片段，使用 GIF 在我們的簡報、限動上，用簡單的動畫清楚地說明想要表達的內容，本篇文章會來教大家怎麼用 Canva 製作 GIF 動畫。
什麼是 GIF 圖？
GIF圖 ( Graphics Interchange Format ) 其實是一種圖形文件格式，通常在展示短服的動畫或短片段的時候使用，透過 GIF 能儲存多個圖片，用來建立簡單的動畫效果，在社群媒體上，常會用來製作 IG 限動、迷因圖、表情包、短片…等。
使用 GIF 檔有以下特點：
- 能儲存多個圖片建立簡單動畫
- 容易在網路上分享
- 能透過圖像編輯軟體來製作與編輯
GIF 圖通常都用在哪裡？
GIF 圖有非常多的使用方式，通常會用在以下場景裡面：
- 社交媒體：像大家所熟知的社群媒體軟體如 IG 、 FB 、 Twitter ，許多用戶透過 GIF 圖來呈現動態和趣味的效果，也能用在貼文、留言當中，網路上很多迷因圖也是透過 GIF 來製作，增加與朋友的互動性，也讓內容更生動有趣。
- 通訊軟體：我們常使用的通訊軟體像是 LINE 、 Messenger 、 訊息，也能傳遞 GIF 圖，表達自己想要訴說的當下情緒，用來傳達趣味訊息、祝福、感謝…等訊息。
- 網頁內容：GIF 圖也常應用在網頁當中，製作簡單的動畫效果，像是輪播圖、動態導航圖片、產品動畫…等資訊，讓商家能快速地呈現自己的商品或服務，增加吸睛效果，讓觀看者能更容易進入情境。
- 廣告行銷：透過 GIF 圖做為行銷的圖片，能夠建立有趣、引人入勝的廣告內容，用在像是社交媒體廣告、電子郵件行銷、網站輪播廣告…等應用。
Canva 製作 GIF 動畫教學
接下來就教大家如何在 Canva 上製作 GIF 動畫，把自己或有趣的影片製作成吸睛的 GIF ，讓圖片動起來，放在自己的限動上。
1. 建立設計和上傳影片檔案
首先先到 Canva 的首頁，建立一個畫布，透過這個畫布來製作 GIF 圖，在首頁的左方選單點擊「建立設計」來新增一個畫布。
選擇想要新增的畫布尺寸，如果你想要建立 IG 貼文的 GIF 圖，就可以選擇「 Instagram 貼文」，以下會以建立「 Instagram 限時動態」做示範，製作完成後可以直接分享到 IG 限動裡面。
建立 IG 限動畫布後，點擊左方工具列的「上傳」後，點選「上傳檔案」，挑選一個想要製作 GIF 檔的影片。
上傳完成後，影片檔會出現在「影片」的選單裡面，點擊剛才上傳的影片後，就會在右側畫布出現自己想要編輯的影片內容。
2. 調整影片尺寸及播放時間
原本上傳的影片比 IG 限動的尺寸還要小一些，因此可以拖曳影片邊框的線條，讓尺寸要跟限動畫布一樣大或是小一些，再點擊上方的剪刀圖示剪裁影片時間的長度。
在上方的工具列裡，能夠調整前後的影片的時長，選擇到自己想要的片段裡，製作 GIF 動畫，如果要製作 GIF 動畫，建議時間長度調整落在 5~6 秒，因為 GIF 的效果是要讓觀看者在短時間內有共鳴，因此動畫時間不用太長。
3. 添加元素到動畫
在這個步驟裡，我們可以增加自己想要的文字、圖片到動畫裡面， Canva 提供了非常多素材能加到設計裡，因此我把與這個 GIF 動畫相關的文字及貼圖，放到動畫裡，讓整個 GIF 動畫更有互動性、更有畫面。
如果還要讓整個 GIF 包含文字、圖形動起來，可以點選上放工具列的「動畫」，左方會出現各式各樣的動畫，能設定動畫要應用在影片進入或退出時，或兩者都使用，還能調整動畫的速度，不只原本的影片，連文字、圖形都跟著動了起來，看起來更逼真。
4. 儲存成 GIF 動畫
完成所有的 GIF 動畫編輯後，就來到編輯的最後一部了，那就是把 GIF 儲存到自己的資料夾裡面。
點選「分享」後，在「下載」裡面找到 「GIF」的選項，點選後就能做下載了，而 GIF 動態圖是沒有音效的喔！
5. 上傳至 IG 限動
完成所有編輯以後，因為 IG 無法直接上傳 GIF 檔，建議可以先把 GIF 檔上傳到 GIPHY 這個 GIF 網站上，要記得建立一個新帳號，再把自己在 GIPHY 的 GIF 檔，分享到自己的 IG 限動上，讓我們的朋友知道自己的心情小語、有趣動態或是迷因圖。
延伸閱讀：
如何在 IG 上傳 GIF，2 招教你分享有趣動畫到限動裡
結論
本篇文章教大家如何使用 Canva 製作 GIF 圖，不知道大家有沒有嘗試做過 GIF 圖呢？實際用 Canva 做了一次以後，發現製作動動圖並沒有想像中這麼難，而且使用 Canva 現成的圖形、文字，就能創造出更多不一樣的效果，如果自己沒有影片素材沒關係， Canva 上也有喔！趕快到上面製作一個自己喜歡的 GIF 圖吧～
延伸閱讀：
如何使用 Canva 編輯照片， 5 步驟修圖小技巧大公開
Canva Pro 功能有哪些？我常用 Canva Pro 的 5 大功能
