H5动画制作方法解析

时间:2019-12-06   来源:鼎易科技   浏览:2646

H5动画制作动画功能

目前市面上用的比较多的H5制作工具有木疙瘩、ih5等,本文将以木疙瘩为例给大家介绍。

关键帧动画:可以实现常见的动画效果,比如位移、大小、旋转、透明度改变等。

变形动画:可以实现形状的改变和颜色过渡的动画效果。

进度动画:可以实现进度走势效果,图表走势图和打字机效果用进度动画来做比较理想。



逐帧动画

逐帧动画就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。

优点:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似于电影的播放模式,很适合于表演细腻的动画

例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。

缺点:因为每一帧都不是不同的图片,制作会增加负担并且最终输出的文件也很大,在移动互联网上不利于传播。

鉴于以上优缺点,大家在制作动画过程中可以少量地添加逐帧动画来表现一些细节

逐帧动画的实现很简单,但逐帧动画的内容制作,可能会让一些同学头痛,下面给大家罗列3种获得逐帧动画内容的方法。

  • 手绘

如果手绘能力较好的设计师可以将每一帧的画面自己画出来,当然这样工作量也会比较大

  • 从视频里获取

如果看中里某个视频里某段动画效果,想用到项目当中来,可以通过AE将视频转换成序列帧图片,具体操作方法如下:

将视频文件导入到AE中,找到 合成菜单--添加到渲染队列--在面板里将格式改为“JPG“序列或者“PNG“序列--渲染出来即是一张张内容不同的的静态图片。

如果图片太大的话,可以通过图片压缩工具来对图片大小做进一步优化。


合作客户/ LATEST DEAL

MORE
  • 中化集团宣传片视频!易漫传媒:专注于线上营销的高品质MG动画解决方案,集创意策划...

  • 滴滴代驾MG动画!易漫传媒:专注于线上营销的高品质MG动画解决方案,集创意策划,设计...

  • 集创意策划,设计制作,推广发行,衍生品,售后为一体,专注于高品质MG动画: 吉祥物设计, ...

  • 集创意策划,设计制作,推广发行,衍生品,售后为一体,专注于高品质MG动画: 吉祥物设计, ...