H5動畫制作方法解析

時間:2019-12-06   來源:鼎易科技   瀏覽:700

H5動畫制作動畫功能

目前市面上用的比較多的H5制作工具有木疙瘩、i等,本文將以木疙瘩為例給大家介紹。

關鍵幀動畫:可以實現常見的動畫效果,比如位移、大小、旋轉、透明度改變等。

變形動畫:可以實現形狀的改變和顏色過渡的動畫效果。

進度動畫:可以實現進度走勢效果,圖表走勢圖和打字機效果用進度動畫來做比較理想。



逐幀動畫

逐幀動畫就是在時間軸的每幀上逐幀繪制不同的內容,使其連續播放而成動畫。

優點:逐幀動畫具有非常大的靈活性,幾乎可以表現任何想表現的內容,而它類似于電影的播放模式,很適合于表演細膩的動畫

例如:人物或動物急劇轉身、頭發及衣服的飄動、走路、說話以及精致的3D效果等等。

缺點:因為每一幀都不是不同的圖片,制作會增加負擔并且最終輸出的文件也很大,在移動互聯網上不利于傳播。

鑒于以上優缺點,大家在制作動畫過程中可以少量地添加逐幀動畫來表現一些細節

逐幀動畫的實現很簡單,但逐幀動畫的內容制作,可能會讓一些同學頭痛,下面給大家羅列3種獲得逐幀動畫內容的方法。

  • 手繪

如果手繪能力較好的設計師可以將每一幀的畫面自己畫出來,當然這樣工作量也會比較大

  • 從視頻里獲取

如果看中里某個視頻里某段動畫效果,想用到項目當中來,可以通過AE將視頻轉換成序列幀圖片,具體操作方法如下:

將視頻文件導入到AE中,找到 合成菜單--添加到渲染隊列--在面板里將格式改為“JPG“序列或者“PNG“序列--渲染出來即是一張張內容不同的的靜態圖片。

如果圖片太大的話,可以通過圖片壓縮工具來對圖片大小做進一步優化。


合作客戶/ LATEST DEAL

MORE
  • 老汉app首页中化集團宣傳片視頻!易漫傳媒:專注于線上營銷的高品質MG動畫解決方案,集創意策劃...

  • 滴滴代駕MG動畫!易漫傳媒:專注于線上營銷的高品質MG動畫解決方案,集創意策劃,設計...

  • 集創意策劃,設計制作,推廣發行,衍生品,售后為一體,專注于高品質MG動畫: 吉祥物設計, ...

  • 老汉app首页集創意策劃,設計制作,推廣發行,衍生品,售后為一體,專注于高品質MG動畫: 吉祥物設計, ...