网易云音乐官网 网易云电脑网页版
在观看这篇文章之前,强烈建议你关注我,这样才能第一时间看到推送,获取更多的PPT制作方面的技巧和免费素材!
花几分钟翻翻我的历史文章,很多干货和免费资源哦!
平时听歌用网易云还是腾讯的QQ音乐呢?
不知道大家登录网易云音乐首页的时候,有没有注意到这个动画呢?
网易云banner的换页:
PPT也能做出这种效果,你相信吗?下面就看看我是怎么做的吧!
这个动画,用到的技巧叫触发动画。
触发动画是什么意思呢?
其实很简单,就是只有我们在页面上,点击某个特定元素的时候,才能唤醒另一个元素的出现:
用一个动图给大家演示一下:
添加触发动画的方式,也很简单,当我们给一个元素,添加了动画之后,可以在触发选项中,选择页面上任何一个元素即可:
明白了这个原理,我们就开始接下来的同款制作~
首先来看下我用PPT做出来的,还不错吧
我们先下载好同款banner图:
接着,再插入下方的圆形,作为下方的点击按键:
我们先选中一张banner专辑宣传图,为它设置动画效果,我这里就选择“出现”:
然后,我们可以在右上方高级动画中的触发,选择【通过单击】,我此处选择了椭圆1,即画面左下方的那个灰色圆形:
放一个动图给大家看一下设置的流程:
明白了吗?
放映一下这个动画效果:
可以看到,只有当我们点击设置好的触发器的位置,也就是那个灰色圆圈,才能触发上方的动画,否则是无法出现这个动画的。
其实通过原动画,我们可以发现,被点击过的灰色圆圈还会变成红色。
那么要如何实现这个效果呢?其实很简单,只需要插入一个红色圆形,与灰色圆形在同样位置,为它加上出现动画,同时,设置触发器为下方的灰色圆形,就可以了:
这里,注意为红色圆形设置的动画播放是【从上一项开始】,这样就可以和上方的banner图一起出现啦~
同样的原理完成剩下几个banner即可。
接下来,咱们再看一遍动画全程:
怎么样,你学废了吗?
利用触发器这个神奇的功能,我们还可以轻松地,做出大疆官网的点击交互效果:
或者是炫酷的人物介绍页面:
又或者是上课老师提问回答错误的选项:
是不是很实用?赶快试试吧!
强烈建议你关注我@PPT演示派,这样才能够第一时间看到我的推送,获取更多PPT制作方面的技能和免费素材!