从前段时间开始,网上开始突然流行一种通透的阴影设计风格,这种阴影被称作弥散阴影,今天Jesse老师来教大家用PPT来做一个简单的弥散阴影按钮动效。

1、首先将页面底色设置为灰色,RGB:235,235,235 。使用圆角矩形工具绘制出一个基础的按钮,去除轮廓线,设置颜色为RGB:114,138,252,按住<Ctrl>和<Shift>键向下拖动复制,得到两个一模一样的圆角矩形:

ppt如何制作触发器动画(简单动画触发器)(1)

2、再次向下拖动复制上方矩形,与原矩形略微错开位置,设置40%透明度,至于底层后适度柔化边缘

ppt如何制作触发器动画(简单动画触发器)(2)

3、将下方按钮填充为红色,RGB:252,72,74:

ppt如何制作触发器动画(简单动画触发器)(3)

这样我们就完成了基础的弥散阴影按钮造型了,是不是很简单呢?OK,下面我们加一点小难度,为按钮增加一个阴影过渡的动画效果。

具体的效果是点击下方按钮时,阴影下行同时变为红色;点击上方按钮时阴影回到原位置并变回蓝色。这一效果可以用触发器来完成。

4、为阴影添加向下的直线运动动画,调整好终点位置如图所示,并设置动画时长0.75:

ppt如何制作触发器动画(简单动画触发器)(4)

5、再次点击「添加动画」,为阴影增加一个强调动画中的「对象颜色」效果,在「效果选项」中设置颜色为刚刚用过的红色。最后设置动画时长0.75,与上一动画同时:

ppt如何制作触发器动画(简单动画触发器)(5)

设置好之后效果如图:

ppt如何制作触发器动画(简单动画触发器)(6)

接下来要制作阴影回到上方按钮的动画。

6、再重复一遍步骤4,添加直线动画、调整好动画时长和终点位置后,在「效果选项」中选择「反转路径方向」:

ppt如何制作触发器动画(简单动画触发器)(7)

7、继续为阴影添加「对象颜色」动画,在「效果选项」中将颜色设置为蓝色,调整好动画时长,设置为与上一动画同时:

ppt如何制作触发器动画(简单动画触发器)(8)

8、最后,选中动画窗格中的前两项动画,将其指定为由点击蓝色矩形(矩形:圆角3)触发;选中后两项动画,将其指定为由点击红色矩形(矩形:圆角4)触发,我们的按钮动效就做好了:

ppt如何制作触发器动画(简单动画触发器)(9)

来看看最终的效果吧:

ppt如何制作触发器动画(简单动画触发器)(10)

其实一直在坚持写教程分享,可每次都不记得优先发头条号……从今天开始准备把头条号捡起来好好运营。希望大家能多多支持,欢迎转赞评,有不明白的地方敬请留言,知无不言言无不尽。

,