經常被簡稱為「動圖」的動態圖片,隨著網路世界的發展用途也變得越來越廣,舉凡常見作為表情符號、貼圖,或者遊戲角色的動態展示,近期也作為 Vtuber 常會使用到的 Loading 畫面而非常活躍!
想讓自己的圖動起來嗎?以下我們將會介紹幾種製作動態圖片的方式,難度從初級到上級,一起來挑戰看看吧!當然最後也會有栗子君精選的動圖委託,自己做覺得太累的話不妨看看這些創作者們的精緻作品吧!
動態圖片製作 難度:初級
GIFMake
https://gifmaker.me/
類型:網頁工具
費用:免費
功能簡單易懂,只要上傳多張圖片就能產出 Gif 動圖(也有將影片轉成 Gif 的功能),建議事前將圖片統一寬高
可以透過以下三個參數進行微調
Canvas size of GIF:圖片長寬尺寸大小
Animation speed:動畫播放速度(單位為毫秒)
Repeat times:循環次數,0=無限循環
如果選擇轉成影片的話,還可以在 Music URL 這個欄位貼上 YouTube 影片連結加上背景音樂喔!

Procreate
https://apps.apple.com/tw/app/procreate/id425073498
類型:IOS APP
費用:約 NT$330
在許多人選擇使用 iPad 作為其中一項創作工具後,Procreate 也是在 iPad 上很熱門的繪圖 APP 首選!雖然需要購買,但介面直觀、筆刷選擇多,加上非常簡單就能製作動圖,CP 值非常高喔!
使用方式是將「畫布」選項下的「動畫輔助」打開,最下方介面就會出現可以新增影格的功能,點選「設定」還能夠針對影格數、播放方式等項目進行設定,非常方便!

動態圖片製作 難度:中級
CLIP STUDIO PAINT
https://apps.apple.com/tw/app/procreate/id425073498
類型:付費軟體(買斷/訂閱制)
費用:買斷制 PRO 版本約 NT$840~NT$1,400 EX 版本約 NT$3,630 ~ NT$6,150
月費制 PRO 版本一年約 NT$372~NT$745 EX 版本一年約 NT$1,072 ~ NT$2,145
(因 CLIP STUDIO PAINT 滿常會有優惠活動,較低的數字是優惠時的金額,後面的則是定價金額,以上金額僅供參考,確切價格請以實際購買價格為準)
CLIP STUDIO PAINT 相信有在學習電繪的大家都不陌生,但不知道大家有使用過內建的「動畫功能」嗎?
CLIP STUDIO 官方網站有兩個關於製作動圖的系列文章
如果想了解動畫製作介面的話可以參考「動畫的製作方法」
https://tips.clip-studio.com/zh-tw/series/269
想了解更多動畫繪製方面的技巧可以參考「動態插圖製作方法&描繪方法」
https://tips.clip-studio.com/zh-tw/series/81
以上系列文章不只關於軟體介面,也針對動畫原理講解了相當多小技巧,非常值得一看喔!
Photoshop
https://apps.apple.com/tw/app/procreate/id425073498
類型:付費軟體(訂閱制)
費用:每月約 NT$257
Adobe 的 Photoshop 相信是另一個大家一定都聽過的影像處理軟體,內建的動圖製作方式可以分為兩種方式 (1) 視訊時間軸 (2) 影格動畫
視訊時間軸的形式比較類似影片剪輯軟體,能夠比較彈性的針對圖片進行各種時間軸以及效果的漸變,而影格動畫就是比較傳統的動畫製作方式,需要一格一格進行畫面製作
視訊時間軸的製作教學 by 費子軒
https://home.gamer.com.tw/creationDetail.php?sn=2631441
影格動畫的製作教學 by 巨匠電腦
https://www.pcschool.com.tw/blog/designer/ps-basic-animation
動態圖片製作 難度:高級
Cubism (Live2D)
https://www.live2d.com/
類型:付費軟體
費用:分為免費版與付費版,付費版為訂閱制,每月約 NT$503 ~ NT$246,提供 42 天試用
有接觸 Vtuber 文化的話相信對 Live2D 這個名詞都不陌生,不過大家知道創造了 Live2D 正是叫做「株式會社 Live2D」嗎?而 Cubism 正是由株式會社 Live2D 所開發能夠製作 Live2D 的軟體
大部分人都知道 Cubism 可以製作 Vtuber 的模型(=皮),但其實同時也可以製作動畫,輸出為動圖或者應用在遊戲上喔!概念上製作完模型後,切換到動畫製作模式並設定時間軸與動作,就可以輸出為 Gif 或 Json 檔案等進行各式應用
以下有官方關於動畫製作的影片教學(建議先學習完 Live2D 模型製作)
日文版:
英文版:
如果對外語不擅長的話,也可以參考 Live2D 模型創作者「李安瑟羅Zelo」的中文影片教學
Spine
https://apps.apple.com/tw/app/procreate/id425073498
類型:付費軟體
費用:買斷制,基礎版約 NT$2,054 ~ NT$2,947,專業版約 NT$9,796 ~ NT$10,392
Spine 則是在遊戲開發圈中另一個相當有名的軟體,最主要用途是進行遊戲角色的動態製作,但也一樣能在製作完後輸出成 Gif 製作動態圖片
比較簡單的物件動態製作可以參考這個「三個步驟學會SPINE」 by 我要學做GAME
比較複雜一點需要拆件的狀況則可以參考以下這支影片 by 我要學做GAME
Spine 很常被拿來與 Live2D進行比較,栗子君個人沒有使用過 Spine 所以比較難給予個人評論,但就網路上搜尋大家的感想,基本上 Live2D 在前期的模型骨架製作上較花時間,但有比較多表現設定,相對適合在立繪等需要更細膩表現的情況,而 Spine 進行模型骨架製作相對快,後期調動作比較花時間,更適合在動作遊戲這種注重在角色動作的類型,但基本上兩個軟體都還是能互相取代的,所以沒有時間或預算兩種都學的話,可以根據自己的需求來挑選適合的軟體!
看完琳瑯滿目的軟體,如果是沒有繪圖基礎或完全不了解這些軟體的話,是否覺得要自己做出動圖實在太難了呢?
沒關係!Clibo 站上有非常多創作者提供動圖製作的委託,也有很大部分都是繪圖到動圖製作一條龍的,這樣看下來,是否忽然覺得比起要從頭學畫圖又要學軟體製作,付出一些委託費用就能得到成品,真是太划算了呢!
有喜歡的委託別忘了點進委託後在封面圖右上角點選「加入收藏」,除了方便日後尋找,也能收到該委託的最新通知喔!
Spine / Live2D 類型
Gif 類型
像素類型
逐格動畫
以上是本次的動圖主題特輯,這次除了介紹站上的委託,也多增加了一些主題相關的知識,不知道大家覺得如何呢?如果有任何其他想看的特輯也歡迎提供給我們!那麼下次的主題特輯再見囉~