◈薑餅
2 months ago @Edit 2 months ago
【動畫】
https://images.plurk.com/2cUQlxnZzu8TClQF2uhum5.jpg
一點關於畫眨眼動畫的心得
latest #8
◈薑餅
2 months ago @Edit 2 months ago
以入門畫動畫來說眨眼應該是最基本的了,看似簡單其實也有講究的地方,畫了超多張眨眼圖了但有時還是會忽略掉細節!

於是想了想就來分享一下自己的心得,讓大家省一點摸索的時間

不是專業人士,有錯誤敘述的地方歡迎留言補充!
◈薑餅
2 months ago @Edit 2 months ago
【1-普通眨眼/像素用】
https://images.plurk.com/2gismrkHeULAl8DMZN03hK.gif
例圖:
https://images.plurk.com/7nnGaGLCi5YQB5BAvRzV9h.gif

- 最簡單的眨眼公式,很適合用在像素這種小小的地方

- 是1321而不是12321,【2】只有張開眼的時候才用,這樣眨眼時的速度會更明確

- 【2】的上眼簾不該落在眼瞳中央,而是中間偏上的位置,理由同上

- 【3】會建議畫在眼球下面一點的地方,這樣更有「完全眨下去」的感覺,對比:
https://images.plurk.com/2gismrkHeULAl8DMZN03hK.gif https://images.plurk.com/2KKcbDywwIjz9UYKfzD8ka.gif

p.s.耳朵拍動也是用了同樣的做法
◈薑餅
2 months ago @Edit 2 months ago
【2-普通眨眼/大圖用】
https://images.plurk.com/1T0J0e4rkFRmKNzGroVkgX.gif

-上面那個的進階版,多了一幀稍微張大眼睛的【4】

-注意【4】應該只比【1】高一點點,主要是營造抖動感所以不宜動太多,也因此不太適合用在超迷你像素圖
立即下載
◈薑餅
2 months ago @Edit 2 months ago
【3-慢一點的普通眨眼/大圖用】
https://images.plurk.com/4a12mQ86Spb4hoO0m2KdEZ.gif

- 省略了中間幀變成ease in ease out的感覺,另一種眨眼方式
◈薑餅
2 months ago @Edit 2 months ago
【4-緩慢閉眼睜開/大圖用】
https://images.plurk.com/4WvXnb0LkKhx1S6nRjmSvs.gif

2的進階版,適合拿來做變身預備動作,應用例子: https://images.plurk.com/51brIMLZ94hVBZbKoIod4P.gif
但我這個沒畫那麼多幀(太懶了)
◈薑餅
2 months ago @Edit 2 months ago
【關於FPS】

全寫Frame Per Second,意思是一秒多少幀 = CSP中叫畫面更新率

常見為24fps(也可以說23.976),意思是24張圖片為一秒,但對手繪動畫來說這樣可能太多,通常會使用24然後一張圖佔用2幀(俗稱on twos),也就等同12fps

用24的好處是可以看情況在一張圖中切換on one、 on twos、on threes來達到不同的視覺效果

我個人感覺平常畫小動畫10~12FPS on one肉眼就挺適合的了,再低的像6~8的話就會感覺有點lag。如果畫得對但總覺得怪怪的話,可以檢查一下是不是畫面更新率不太對喔。
◈薑餅
2 months ago
大概是這樣,只要順序稍微變一變就可以有不同的效果,我覺得是手描動畫有趣的地方,沒有絕對的正確只有看起來卡卡的不順的東東(痛苦

希望大家都能畫出理想的效果!!

————————
◈薑餅
2 months ago @Edit 2 months ago
https://images.plurk.com/5Rh8epp0xOCJC9ezrHA03D.jpg
感謝噗幣?!?!?(超意外)
有幫上忙就好謝謝旅人喜歡!!!
back to top