|
老粉丝们都知道,我有拆解、临摹发布会PPT动画的习惯。
比如我之前临摹的三星发布会动画:
或者是临摹苹果发布会的动画:
还有很多...
文末有福利领取哦~
昨天Redmi Note 9 新品发布会大家都看了吗?我昨天看这个发布会,发现了一个很有意思的动画:
这个动画很有意思,通过圆环的扩散,将看不见的声音具象化,给人更加真实的感受。
今天,就和大家分享一下这个动画的制作方法。
首先来拆解一下,这个动画是在样机下方,放置多个同心圆环依次出现的动画。
怎么做呢?一个个给圆环添加动画,这个方法是可行的,但是太浪费时间和精力了,我们只需要用到一个神器的插件——iSlide。
通过 iSlide 插件的补间动画就能轻松绘制出多个扩散的同心圆。
来看下具体操作:
在页面中画出两个同心圆,为了更好区分,我将它命名为圆 A 和圆 B:
接着,先选中圆A,再选中圆B,点击 [补间动画] ,设置数量和时长即可:
来看下效果如何:
已经有些雏形,但是动画效果有些生硬,我们再来调整优化一下。
把A、B删除,在 [动画窗格] 选中所有的动画选项,然后点击鼠标右键,在 [效果选项] 中将重复设置为 5 。
再来看下效果:
这就是波纹的做法。很简单,对吧?
现在会绘制波纹了,只需再复制一个,在上方放上样机即可。
就像这样:
这个波纹动画除了可以模拟声音的传播,还能够如何使用呢?
比如,可以利用它扩散的特点,来表达一种对外开放的含义:
在地图页用来标注位置信息也不错:
还不错,对吧?
以上就是文章的全部内容啦!
最后,送给大家一个福利,我会将文章中的动画源文件分享给大家,想用上酷炫的动画,不用自己设置,直接拿动画刷,刷一下就可以了。
领取方式见下图~
声明:以上内容来源于网络,如有侵权请联系我们(123@shiyan.com)删除! |
|