2022/6 主題特輯「動圖」:六種方式讓你的圖動起來!

經常被簡稱為「動圖」的動態圖片,隨著網路世界的發展用途也變得越來越廣,舉凡常見作為表情符號、貼圖,或者遊戲角色的動態展示,近期也作為 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/動圖製作

NT$500 ~ NT$2000

F.P.P

[9月]GIF動畫

NT$500 ~ NT$1500

奈四

Gif 類型

GIF動圖

NT$1500 ~ NT$5000

佐々木あきこ

Q版動圖

NT$900 ~ NT$ 1500

蒼橙

動動Q版小人

NT$ 300 ~ NT$ 350

夏井凪

小小可愛動畫

NT$800 ~ NT$1600

ㄆMei

噗浪表符

NT$50 ~ NT$800

枳枳

像素類型

像素頭像

NT$600 ~ NT$900

Jyui 啾咿

逐格動畫

以上是本次的動圖主題特輯,這次除了介紹站上的委託,也多增加了一些主題相關的知識,不知道大家覺得如何呢?如果有任何其他想看的特輯也歡迎提供給我們!那麼下次的主題特輯再見囉~