主页 > 闪狼问答 > 知识博文 > 正文

用An动画软件制作水滴动画效果制作过程教程

2019-09-28 发布于:漫品购 本文系本平台编写整理或网友投稿,图文资料源于网络,如有侵权请联删,谢谢!
内容概述:找到一个比较有意思的水滴落入水中的动画,发现它的结构也比较适合拆分来制作出来。所以就用它作为例子来讲解一下液体凝结滴落以及落入水中下面水产生的反映。 分析动画 首先

找到一个比较有意思的水滴落入水中的动画,发现它的结构也比较适合拆分来制作出来。所以就用它作为例子来讲解一下液体凝结滴落以及落入水中下面水产生的反映。

分析动画

首先我们想要做一个东西之前并不要着急去做他,我们先来分析一下它的结构是什么样子的。初学者经常出现的问题就是拿到东西就着急照着去做,东做一下西做一下,结果就导致最后变得混乱没有头绪最终失去兴趣。所有的动画都是由最基本的原件组合而成的,看起来很复杂的动画吧他分解成最基础的小动画,在做起来就会比较简单。我们以这个水滴动画为例。我们来拆分一下试试。

仔细观察一下这个动画就会发现其实这个很长的动画是由七段一模一样的动画稍微把时间错开组合成的,那么我们其实只要做出一个动画就可以了。

把上面的1再拿出来看,可以吧上面分为两个动画,一个动画是水滴聚集然后滴落的过程,

另外一个就是水滴滴入水中然后在反弹回来的过程。

把上半部分分解开来就是这两段动画,1.水滴凝结的过程。2.水滴落下。

下班部分分解开来就是这三段动画,1.水滴落下的过程。2.落入水中,产生的涟漪。3.在第一涟漪的时候由于力量最大,会产生一个弹出的水滴。

拆分动画

现在在来看这段动画其实已经很清晰明了了,就是由这些小的动画组合而成的,这里面最大的难点就是在于水滴聚集的过程,水滴落到水中的时候产生涟漪的反映。接下来我们在分析一下这两个过程到底应该怎么来拆分。

水滴聚集的情况在生活里面其实随处可见,大家仔细观察就不会感觉很难,开始的时候1-4一直就是一颗水滴由于重力的原因开始凝结,最终下面的水滴变得太大承受不住分离掉落。

下半段的动画就是小水滴入水之后的反映,落水之后会对水平面产生影响。其实水面的动画就是一段曲线从最开始受力剧烈震动到最后慢慢变缓最终结束的过程。不同点是在第一次反弹向上的时由于力过大会反弹出一个水滴,但是不会太剧烈,升空一小段距离就会下落。

制作动画

前面我们已经把这个动画都拆分开了,现在我们需要的就是先从最小的元素一个一个的制作最后把他结合在一起。

第一步我们先从最小的单位来开始制作,我们先来做一下水滴落下的动画,我使用的工具是adobe animate简称An界面跟Flash基本上一样,但是他可以直接支持h5的输出所以在做h5动画上面会比较方便不需要做二次开发。本篇不是介绍软件的教程,只是讲动画的原理所以软件需要大家自己去了解,这里就不系统的跟大家介绍软件。软件都是相通的所以大家对那种软件比较了解就用那种软件来制作吧。(软件用到的都是基本的功能,有需要的大家自己去找教程了解一下吧)

1.我们先建立好一个H5的的文件,产考水滴凝聚过程那张分解的图定好几个关键帧。

打开“绘图纸外观在没两帧中间加入中间变化的一帧”完成后就是下图,中间帧的原理就是1.5是关键帧,那么就在第3帧花一张两张中间的画面。然后在1跟3中间在加入一张2,同样是两张中间变化的画面。

举例说明三条线蓝色是1绿色的是3.那么在他俩中间加入一张紫的的2添加的原则就是在两张的正中间。

在结束的时候水滴承受不住重力,开始分离下落。我们新建一层建立一个圆的原件让他从上面移动到下面。

小球下落的时候由于受到重力加速度的影响速度会变得越来越快,所以在缓动里面调成如下值。

这样上面的水滴凝结滴落的的动画就制作完成了。

2.接下来我们做水滴滴入水中的动画。同样的原理参考水滴落入水中水的反映这张图

产考上图建立几个关键帧

同样的原理吧中间的过渡帧补充上去。

然后再上面水向上弹出的时候加入一个溅出的水滴,向上移动然后再落入水中。水滴向上飞出的时候应该是越来越慢,所以缓动的值就应该是正数的向下回落的时候,应该越来越快,那么缓动就应该是负数的,大家自己试着按照自己的感觉调节。

(红色的部分为飞溅出的小球动画)

调整一下时间水滴先凝结然后接下来是水滴滴落的动画然后是落入水中,落入水中反弹的最大值的时候飞溅的小球弹出。

组合在一起就是现在的这段动画,我们就已经做完了一段完整的动画了

把现在的整个动画建立一个原件,吧循环设置为播放一次。

然后复制7个相同的动画,分给每一个层吧每一层第一帧向后拖开,让每一段动画都比前一段动画慢几帧来播放。位置也依次排开。

在加入蓝色背景把每个原件在色彩效果里面都调整为白色就大功告成了。

转载于【能猫创想UED学院译】能猫创想UED学院翻译组、译者和审校者。

源于:公众号灵猫同学,原标题:An大神带你飞之水滴动画

上一篇:Animate_CC_2018软件安装教程
下一篇:An+Ae制作二维流体动画片头视频教程

近期资讯
平台资讯
热门推荐
优质企业及个人对我们评价
左转影视传媒CEO徐东

我们左转影视传媒主要制作三维、TVC、品牌形象片、创意广告等视频制作业务,经朋友介绍知道了漫品购,对我们后期来说,帮助非常的大,从素材、技术问答、教程等板块,栏目齐全,对动画动漫影视行业的同仁来说绝对是一个值得大家使用的一个平台!

左转影视传媒CEO徐东
影视传媒
夏众传媒技术总监张伟

我是夏众传媒技术总监,我们专注影视视觉广告、宣传片、创意动画等影视作品创作,现在创作影视作品的时候很多地方都需要用素材库,漫品购非常实用下载也很方便,关键很多都是免费的,很靠谱的网站,推荐大家使用!

夏众传媒技术总监张伟
影视公司
锦上云通传媒CEO 王霄

如今传媒行业竞争如此激烈,我们做影视传媒也如此,部分视频效果是需要好素材来支撑的,我们影视传媒后期更需要,自从用了漫品购平台素材后,省心不少,矢量图不需要花钱,其他实用视频素材比起其他平台来说,真的是良心价格,真心推荐大家使用!

锦上云通传媒CEO 王霄
影视传媒
项目总监 陈小桥
毅恒科技 项目总监 陈小桥

我们主要是flash程序开发这块业务,有时候很多flash小动画及图片矢量图素材都在漫品购找,很适合也很实用,节约时间也节约自己找设计师做的钱,我们推荐使用漫品购素材!flash动画矢量图素材图片素材全都可以最快使用!

毅恒科技
互联网
视觉总监 子云
品牌设计 视觉总监 子云

现在任职于佛珠品牌视觉设计总监,也承接包装 书籍 画册 logo设计 网页设计业务,一直在用漫品购平台的素材,简单没有广告,资源素材比较实用,没有那么多乱七八糟的不实用的素材,素材不在多而在实用、精、新,如果有需要品牌设计需求的朋友也可以联系我!扣我就好54400850

品牌设计
视觉设计
制片人 雷衡
重庆电视台 制片人 雷衡

我是漫品购忠实用户,很多动画动漫素材,设计素材都在这里能很快找到,比较新,也比较实用,我们重庆景雪文化公司是以网络直播、现场直播、演绎演出、摄影摄像,视频制作,你们最大的需求,就是我们最大的追求!做后期需要大量素材和资料来支持!

重庆电视台
影视传媒