螢幕快照 2020-12-31 下午2.17.16

繼上篇由巨匠電腦設計學院資深的專業講師-黃俊傑老師的分享,我們緊接著請小學課本的逆襲的創作者畫龜畫(小龜)親自為學員們解惑啦~小龜可是出了包含商業貼圖共14組暢銷動態貼圖呢!現在就來讓小龜以自身經驗,提點創作者們一些注意事項,以及繪製動態貼圖的成功要訣吧!


 概念篇#1

------------------------------------------------------------

Q:想畫動態貼圖但要怎麼開始呢?

💡 在畫的時候可以先分成三類:

一、單圖變化式

螢幕快照 2020-12-24 下午5.41.34

▶️ 介紹:用一個簡單的圖像來創作出你的貼圖,透過一個主要的影格去做不同的變化

▶️ 特點:繪圖的時間比較短、圖像本身要夠有趣夠吸引人、常為比較浮誇或在生活中不常見的場景,需要嘗試為圖像加上豐富度


二、重複動作式

2-2

▶️ 介紹:以重複播放的影格讓動作不會有間斷的感覺,通常以4~8個動作為一組循環,然後再補間的圖像。

▶️ 特點:在繪製的時候以畫面跟畫面之間的連接順暢為最主要的目標,因此可以稍微讓補間圖像的細緻度降低,記得可以用動態線和變形表現動作的方向唷~

 

三、漸進式

2-3

▶️ 介紹:可能一張圖的分鏡從第1~20張你全部都是不同的畫面,或者是就是讓這個貼圖本身就有一個故事線在走的感覺。

▶️ 特點:可以切換不同的分鏡,讓這個視覺感更豐富,但因為至少需要15~20個分鏡才會較順暢,因此貼圖大小有可能會爆掉!需要想辦法壓縮或刪影格,所以漸進式雖然效果很好但也是比較累的!

 

 概念篇#2

------------------------------------------------------------


Q:要怎麼讓動態貼圖更生動?

💡 避免只動局部:


螢幕快照 2020-12-24 下午5.47.43

以拍手而言,不會只有手在動,而是身體也會跟著動,因此在畫動畫時若讓角色的動作也配合著一起移動的話,會讓整個圖的畫面會變得更生動~

 

💡 避免平均動作:

2-5

像在繪製揮手的動作時,速度並不會是均等的,因此可以改變影格停留時間來讓動作更為活潑啦!

 

💡 不要怕角色變形:


2-6

如果用角色變形的方式,在分鏡裡面有可能五官是歪掉的,但在動態上是看不出來些微差異的,因此為了追求他動作上誇張一點的效果,在靜止圖像上有些角色變形是沒有關係的🤪

 
💡 不要怕位置改變:

螢幕快照 2020-12-31 下午2.38.56
在繪製不同動作時,通常都是以複製前一個影格去做調整,但可以根據動作的感覺,做些許位置的變更或是更多的變形,讓貼圖有不一樣的效果產生唷!

 製作篇#1

------------------------------------------------------------

Q:要怎麼設定影格數呢?

💡 依情緒調整不同的秒數

螢幕快照 2020-12-31 下午2.45.28

▲影格數越多、視覺越順暢(動得也越快)


螢幕快照 2020-12-31 下午2.51.29

▲難過情緒vs激動情緒設定之差別


貼圖的秒數規定最短是1秒,最長是4秒,通常小龜以四個圖為一循環,一秒有16~20張,你就會發現影格數越多,常常視覺上也更為流暢,但影格數也會影響情緒,還是要看創作者想呈現什麼情境去做調整喔~



Q:文字的設定上有沒有什麼要訣呢?

💡 文字要重複多張且出現於第一張


2-7

小龜自己習慣讓可以閱讀的文字格數超過六格以上,而且第一張預覽圖必須讓文字出現,大家才知道這個圖要表現什麼,做法可以是把最後一張複製到第一張,這樣還有一個好處是循環較順暢、使用者也能看得更清楚唷!

 

💡 文字也要動

2-8

讓文字動起來的方式有很多,包括讓文字彈跳、抖動、縮放、刷出跟殘像,以彈跳為例,就可以去改變不同影格文字的比例,來呈現動態的效果。


 製作篇#2

------------------------------------------------------------ 

讓動畫更順暢的訣竅 — 善用效果

💡 模糊:

2-9

可以讓圖片的順暢度連接起來,讓觀看者視覺上會覺得有動作連貫的效果。

 

💡 殘影:

2-10

在下一個影格複製上一個影格的圖案,並調透明度,就可以強化一個慢動作的感覺啦~

 

💡 集中線:

2-11

可以準備四個不一樣的集中線,如小龜是使用creative studio軟體來繪製,重複使用製作好的四組圖,套用到每一個需要用到集中線的效果,就可以強化情緒或是表達速度感喔~

 

 製作篇#3

------------------------------------------------------------ 


Q:究竟要如何順利小於300KB?!

💡 特效的減少

2-12

在畫動態貼圖時常為了減省空間,可以將頭髮上反光效果取消漸層,避免其他複雜/漸層背景,像小龜自己因為是畫小學課本,在靜態貼圖都習慣壓上紙的紋路,然而在製作動態貼圖時就會省略,會更注重在動作的動態上!

💡 減少影格數
有時候適時的調整影格數,反而會讓畫面更順暢!


💡
 使用Pngyu壓圖軟體

螢幕快照 2020-12-31 下午3.05.53

它可以客製化看你決定要壓到什麼樣的顏色或細緻程度,若是壓完後仍然超過300KB,小龜常用的小技巧就是改圖片尺寸!雖然尺寸上會差一些,但常常可以因此順利成為可上傳的容量哦!

 

 製作篇#4

------------------------------------------------------------ 

給初學者的其他小撇步,少走一些冤枉路:

 

💡 圖層分清楚

建議效果可以分不同圖層做,這樣可避免物件要擦除或補畫的麻煩。

 

💡 資料夾整理
2-13

每一張圖可能有15~20個分鏡,建議可以整理在資料夾裡面,像小龜會將做畫的檔案跟預覽圖放在外面,這樣較易方便修改或提供圖片,也利之後排列上架順序。

 

💡 販售順序及貼圖規劃

2-14

在販售上建議在8-12張放主打的貼圖較不建議貼圖比例及色彩太單一,能夠包含遠景、近景且色彩豐富會更好,讓消費者能看到你有很多不同類型及情緒,但有變化之餘還是要有邏輯的呈現喔!

 

小龜給創作者們的一句話:

「總之先試試看!」

畫了才能發現角色的不同個性、畫了才知道問題所在、而且畫完真的很有成就感!!!

 

__________________________________


以上就是本次貼圖工作坊中的獨門秘籍傳授,你都有跟上了嗎👀
現在就趕快來動手來畫畫看吧!

想再次複習俊傑老師的動態貼圖分享嗎?或是再次欣賞整場直播?沒問題~看這邊


課程回顧#1有了這七招 動態貼圖你也能得心應手!>> http://lin.ee/62oNDl3/crtw/blog

螢幕快照 2020-12-29 下午5.12.23

完整的影片內容在這裡