• leeyasuo

動態貼圖怎麼做?動作流暢篇

Line動態貼圖的重要性與日俱增,營收也持續成長,大量創意人都想把自己的動態貼圖上架。動態貼圖相當於一段微動畫,也是需要動畫的基礎知識才能做得流暢,在這裡介紹如何把Line動畫做得流暢。



動畫原理介紹

  1. 動畫是準備好多張靜態圖片

  2. 圖片與圖片間的內容有連貫性

  3. 圖片依序快速切換

  4. 切換速度如果快到眼睛無法察覺,從人眼看起來,圖片就像是會動,就成了動畫

例如以下8張可愛的鴨嘴獸「鴨鴨」圖片,每一張都是靜態的,圖片跟圖片間有連貫性:



把以上圖片用軟體依序快速切換,就可以得到流暢的鴨鴨游泳動畫:



流暢的關鍵:FPS 影格率,或稱為幀率


動畫要達到「流暢」,關鍵是播放速度和圖片數量,我們把圖片改用動畫軟體裡的專有名詞「Frame影格」表示,圖片的張數就用「格數」表示。播放速度的表示方式為FPS,Frame Per Second,意思就是一秒鐘切換的張數。


4FPS表示一秒鐘播出了4格,動作最生硬。8FPS表示一秒鐘高速播放了8格,播放速度是4FPS的兩倍,動作已達到流暢。16FPS表示一秒鐘用更快的高速播放了16格,播放速度又更流暢。

Line動態貼圖對於總播放時間、播放時間和總格數有限制。總播放時間有4種,1秒、2秒、3秒、4秒。FPS最少要5格,最多20格,也就是播放速度最慢一秒播出5格,最快一秒播出20格。

理解了動畫原理和Line在FPT的規定後,接著來了解如何設定動態貼圖動作的流暢。


Line動態貼圖動作設定


雖然說FPS愈高則動畫愈流暢,但每秒Frame數愈高,製作成本會增加,檔案體積增加,傳送速度也會變慢,所以說貼圖設計師在製作時通常不會把每一張都做到Line動態貼圖限制下的最大值。

以動態貼圖來說,FPS在8格的時候已經可以讓肉眼感到流暢,因此我們建議FPS8格~12格是比較理想的範圍。以下用兩張軟Q的鴨嘴獸鴨鴨蛋蛋動態貼圖來做比較:


相親相愛,9 FPS

噴射愛心,12 FPS

這兩張相親相愛噴射愛心就是一個好的動作設定案例。這兩張明明在每秒的格數差異高達1/3,流暢度差異卻好像沒那麼大,為什麼呢?就是因為動作設定上採用「動作大FPS大,動作小FPS小」的製作概念。


動作大FPS大,動作小FPS小


動態貼圖因為播放時間最多4秒,所以一張貼圖基本上只要一兩個動作即可,而動作大小是抽象的、相對的,例如我覺得相親相愛的動作是左右擺動,因此用動作小的標準去製作。而噴射愛心因為有個蛋蛋預備噴射和大量愛心飛出來這兩個動作,因此用動作大的標準去製作。

至於FPS大要用多少格、FPS小要用多少格,則是依照製作者的情形而定,例如你只是想做做看、玩玩看,那FPS大最多8格、FPS小最少5格即可。如果你是專業的貼圖設計者,則建議FPS小最少也要8格以上。



以上就是Line動態貼圖在動作流暢度的設定方式,概念方面其實好簡單,只要先理解動畫原理以及Line動態貼圖規格的限制,就能做出動作流暢、體積輕巧的動態貼圖。如果在製作上有任何問題,我們十分樂意提供專業的協助。

0 次瀏覽

​有迪士尼設計經驗的角色設計公司,製作出人見人愛的代言人

多米索設計
  • 多米索設計臉書專頁

© 2018 by domiso design.