最近的大新闻,就是鸿蒙操作系统和华为全场景新品发布会!
也就是说,鸿蒙手机不仅仅是国人口中的一个概念,而是已经成为一款真实的产品。我第一时间查看了HarmonyOS的官方微博,看到置顶的一条消息!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/111e1a5c-e18a-4a94-8520-0ee9e7835fa5.jpg)
这是关于鸿蒙发布会的一个简短视频,只有12秒,为此,我特意给大家录制了一段动图:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b143bb99-91a9-44c0-b912-06bc6f3cfb42.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7c293271-8e12-4c6d-b94e-8253f13dae8b.jpg)
今天我们就来解析一下,用PPT怎样制作这样的高端简约的开场动画!今天的重点主要是水波纹!记得点赞+分享,让更多人学到实用的技巧哦~文末还有惊喜预告~
今天我将教大家两种方法来制作水波纹动画效果:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/71f47e0d-c082-46bb-a181-325d4035a27d.jpg)
其实这个波纹扩散动画并不难,即使是在鸿蒙发布会上使用。
水波纹扩散动画的原理非常简单,就是多个同心圆环,依次出现,然后消失。
是不是需要一个一个地添加圆环动画呢?
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/14731788-6736-4b05-8bf3-651c6932c3ab.jpg)
当然不是。这种方法不是不可行,而是太耗时了!作为职场人士,我们的时间非常宝贵!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/62256f87-e2f9-46c0-9f4a-f52cc361f290.jpg)
接下来,给大家介绍一个更简单快捷的方法 —— 借助 iSlide 插件中的补间动画。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f7ae9678-2211-4d76-9a5f-8bfc023dbfe8.jpg)
具体操作步骤如下:
1、在页面上绘制两个同心圆,我把它们命名为圆A和圆B。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/efb26330-2fcc-4ee2-89b2-e8ca77b672ea.jpg)
2、先选择圆A和图片B,然后点击「补间动画」,并设置具体参数。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0824431b-2932-40f9-b82f-9db3e78b09b8.jpg)
来看下当前的效果:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/5898649c-b5fb-4b52-ab65-2c225c477ba9.jpg)
虽然有些生硬,但已经很接近了,我们再来优化一下。
3、删除圆A和B,在“动画窗格”中设置为重复播放
先将圆A和B删除,然后打开「动画窗格」,全选所有动画,在「效果选项」中,将「重复」设置为 5。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9f647d89-426a-4827-821b-c3c695fc8e81.jpg)
再来看下效果:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bada9d44-1d40-4682-b18b-20d8f11dc9c1.jpg)
第一种方法已经介绍完毕~
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e037ef73-eb2c-4041-b2ed-5d1f7bf2aeb0.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/890141d8-06f8-45ff-acff-a46367c697fc.jpg)
分享一个升级版的制作方法。做法简单、效果更好、还能持续播放!
首先进行准备工作,这里的波纹可以用多色渐变的圆形:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3931917b-4a55-4f0a-a718-e8a79f694231.jpg)
主要目的是和音箱以及文字的颜色形成呼应,从而让页面更加协调:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a20a1792-dd0a-4b4f-9e61-8821fd89e49a.jpg)
制作方法也很简单,由多个不同渐变角度的圆形叠加而成:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7fcc1fba-716c-486e-8229-ff9a5fc43333.jpg)
将这些多色波纹组合后,为其添加基本的缩放动画:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d53b89d6-aef8-4cbf-9c13-fdf7dc50f2be.jpg)
在效果选项中设置动画为重复播放,直到幻灯片结束:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/55821fb0-9e68-4d26-bcfd-d2c647e29bf6.jpg)
效果如下:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0e52a22a-c14c-432d-ad8d-44d6f2141588.jpg)
评论列表(196条)
测试