注:本片分为两大部分:动画解析和动画应用。
案例(动画规律——缓冲篇)中的一个示例——下落的小球。
要学习一个案例,主要分两步:
1.首先要学会仔细观察,包括对象的构成和动画的构成,
2.其次要动脑分析和动手操作相结合。
下面就按照以上的步骤来讲解此案例。
很明显,案例中的对象只有一个小球。所以,我们先准备一个小球。
然后,我们把动画的速度放慢,观察整个运动的过程。
关于如何放慢动画的速度。若动画可以转成视频格式,则直接在播放器里设置播放速度就可以。若是GIF格式,则找一款GIF编辑软件,调大每一帧的时间即可。有精力有时间的话,一帧一帧地看也行,哈哈。
通过观察,花道将此动画分为两大部分——下落过程和缓冲过程。
首先是下落过程。这里,我们采用向下的直线路径,并设置时长为1.3s。
可以看到,上图中的效果与案例中的有所不同,对比观察可以发现两个细节,一是案列中小球下落的速度在逐渐变大,二是案例中小球在下落的过程中发生了形变。
所以,首先我们调整小球路径动画的平滑开始为1.3s,平滑结束和弹跳结束均为0s,便可以产生速度逐渐变大的效果
紧接着,我们通过一组缩放动画使得小球产生下落过程中的形变动作
其实,这个形变动作是动画制作里常用的一种手法——夸张。适当的形变夸张可以表现出小球的性格,比如说这个,就显得有些调皮,有些灵动,适合欢快轻松的主题。
下面再来看小球在触及终点时的缓冲过程
仔细观察,可以将其缓冲动作大致分成三小部分。这三部分依次相接,并且每一部分小球振动的时间越来越短,幅度越来越小。(下面的时长和延迟设置均为参考)
第一部分
第二部分
第三部分
效果如下
哎,不对啊,后小球缓冲的形变动作感觉怪怪的。
这就对啦,原因是小球在做缓冲动作时,缩放的中心点是在小球的底部,而系统默认的是在中心。因此,我们还要把小球缩放的中心点改到底部。
这里采用的方法是添加两倍大小的向下的阴影,再将阴影的透明度设置为100%。(方法详见改变对象的中心点之 阴影法)
Finally,我们得到了一个缓慢下落的小球
然后可以根据具体的情况,改变动画的时长和延迟时间(要确保动画之间的先后顺序不变),就可以得到不同速度的下落啦
OK,动画的具体设置讲完了。