H5動畫制作動畫功能
目前市面上用的比較多的H5制作工具有木疙瘩、ih5等,本文將以木疙瘩為例給大家介紹。
關鍵幀動畫:可以實現(xiàn)常見的動畫效果,比如位移、大小、旋轉、透明度改變等。
變形動畫:可以實現(xiàn)形狀的改變和顏色過渡的動畫效果。
進度動畫:可以實現(xiàn)進度走勢效果,圖表走勢圖和打字機效果用進度動畫來做比較理想。
逐幀動畫
逐幀動畫就是在時間軸的每幀上逐幀繪制不同的內容,使其連續(xù)播放而成動畫。
優(yōu)點:逐幀動畫具有非常大的靈活性,幾乎可以表現(xiàn)任何想表現(xiàn)的內容,而它類似于電影的播放模式,很適合于表演細膩的動畫。
例如:人物或動物急劇轉身、頭發(fā)及衣服的飄動、走路、說話以及精致的3D效果等等。
缺點:因為每一幀都不是不同的圖片,制作會增加負擔并且最終輸出的文件也很大,在移動互聯(lián)網(wǎng)上不利于傳播。
鑒于以上優(yōu)缺點,大家在制作動畫過程中可以少量地添加逐幀動畫來表現(xiàn)一些細節(jié)。
逐幀動畫的實現(xiàn)很簡單,但逐幀動畫的內容制作,可能會讓一些同學頭痛,下面給大家羅列3種獲得逐幀動畫內容的方法。
手繪
如果手繪能力較好的設計師可以將每一幀的畫面自己畫出來,當然這樣工作量也會比較大
從視頻里獲取
如果看中里某個視頻里某段動畫效果,想用到項目當中來,可以通過AE將視頻轉換成序列幀圖片,具體操作方法如下:
將視頻文件導入到AE中,找到 合成菜單--添加到渲染隊列--在面板里將格式改為“JPG“序列或者“PNG“序列--渲染出來即是一張張內容不同的的靜態(tài)圖片。
如果圖片太大的話,可以通過圖片壓縮工具來對圖片大小做進一步優(yōu)化。