动效不够Q弹应该怎么办?

2021-04-08
4005
0

最近在工作上做了一个底部图标——圈子:

点击动效如下:

在整个制作的过程中总结了一些小经验,今天分享给大家:

  • 1.不能只是纵向形变
  • 2.你的中心点别放错了
  • 3.为了生动,除了位移变化,长度也要变化
  • 4.丰富更多的细节

 

1.不能只是纵向形变  

最开始中间的两个圆形做的效果是这样的:

总感觉不够q弹,不够自然,后来找了一下原因,原来是因为我的形变只有纵向的拉伸。我们随便看两帧的数值:

只有纵向也就是y轴数值在变化。

我们试想下,如果一个有弹力的物体被压扁,除了高度变矮以外,是不是横向也会变胖,所以只有纵向变化就不符合自然规律,所以才会看起来不自然。

于是我做了一些调整,除了纵向变化,横向数字也随之调整,调整后的效果如下:

为了让大家更加清晰的看清效果,我们可以再看下两个对比图:

是不是后面的更加自然一些!

 

2.你的中心点别放错了 

在每个图层都会有中心锚点:

这个大家应该都知道,锚点为止不一样,那形成的动效肯定也是不一样的。

在k动画之前,一定要想清楚物体的中心点应该放在那里,并不是所有的动画中心点都是在物体中心的。

比如我们这个动画,类似于你用手去按这个物体,然后物体下面是一个地面:

在你用力的时候,物体与地面接触的地方成为受阻力的开始,也就是形变的开始,所以我们的中心点就应该是物体与地面接触的地方:

我们可以看一下“锚点在物体中心”与“锚点在与地面接触的地方”,二者的区别:

锚点在物体中心:

锚点在与地面接触的地方:

 

 

很显然,后者才符合单手指挤压的现实规律,才能得到你想要的结果!

 

3.为了生动,除了位移变化,长度也要变化 

以前做的移动的动画,基本就是位置有个回弹的动画,比如下面这种:

 

 

这次这个线条有点不一样,除了位移的上回弹,长度还会有微小变化,从短变长,再变短,我们可以看下有长度变化和没长度变化的区别:

仔细观察,你会发现,前者会更有细节,更Q弹!

 

4.丰富更多的细节 

做到这里,大概的效果是这样的:

当然,还可以继续想办法丰富细节,比如那两个小线条冒出来之前,先冒出来更小的线条,丰富层次:

这样可以让整体更加热闹,更加耐看一些。

 

总结 

以上就是这个小动效过程中的一些小思考,希望各位小伙伴可以活学活用,做出更好的作品,在视觉、体验方面为自己所做的产品贡献一份微薄之力!

转载声明:本文来源于网络,不作任何商业用途

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6