老粉丝们都知道,我有拆解、临摹发布会PPT动画的习惯。
比如我之前临摹的三星发布会动画:
或者是临摹苹果发布会的动画:
还有很多...
昨天Redmi Note 9 新品发布会大家都看了吗?我昨天看这个发布会,发现了一个很有意思的动画:
这个动画很有意思,通过圆环的扩散,将看不见的声音具象化,给人更加真实的感受。
今天,就和大家分享一下这个动画的制作方法。
首先来拆解一下,这个动画是在样机下方,放置多个同心圆环依次出现的动画。
怎么做呢?一个个给圆环添加动画,这个方法是可行的,但是太浪费时间和精力了,我们只需要用到一个神器的插件——iSlide。
通过 iSlide 插件的补间动画就能轻松绘制出多个扩散的同心圆。
来看下具体操作:
在页面中画出两个同心圆,为了更好区分,我将它命名为圆 A 和圆 B:
接着,先选中圆A,再选中圆B,点击 [补间动画] ,设置数量和时长即可:
来看下效果如何:
已经有些雏形,但是动画效果有些生硬,我们再来调整优化一下。
把A、B删除,在 [动画窗格] 选中所有的动画选项,然后点击鼠标右键,在 [效果选项] 中将重复设置为 5 。
再来看下效果:
这就是波纹的做法。很简单,对吧?
现在会绘制波纹了,只需再复制一个,在上方放上样机即可。
就像这样:
这个波纹动画除了可以模拟声音的传播,还能够如何使用呢?
比如,可以利用它扩散的特点,来表达一种对外开放的含义:
在地图页用来标注位置信息也不错:
还不错,对吧?
以上就是文章的全部内容啦!
领取方式见下图~
页面更新:2024-03-11
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号