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