苹果14最新发布会PPT中,这动画太酷了!连官网都在用!
直播主题:挑战40分钟修改一整套PPT
直播福利:免费抽奖《PPT知识图谱》
14 来了,这个灵动岛的设计,你喜欢嘛?
我在浏览苹果官网查看新品介绍时,发现了一个很有意思动画效果。文字和小图标的颜色有一种划变的效果:
还有,M1 芯片上的文字,像是有光扫过一样,看起来很有质感:
我用 PPT 复刻了一下:
文末可免费领取 PPT 动画源文件
其实,这个动画的原理十分简单,我们只需要有一个图形遮罩层和颜色动画层:
然后让底部的颜色发生位移即可:
就是这么简单~
接下来,我来说一下具体的操作步骤, 分为 3 步:
01
制作镂空遮罩
插入一个全屏形状,导入苹果的矢量 logo,并输入文字“M1”:
先选中形状,再选中 logo 和文字,点击合并形状中的剪除:
02
渐变模拟光感
插入 3 个形状,分别调整渐变填充,模拟光感:
将形状无缝拼接在一起,组合后就得到了底部的颜色层。
03
添加路径动画
将颜色层置于遮罩层下方:
再给颜色层加一个向右的路径动画:
在播放时,就会有扫光的效果了:
此外,我们还可以把颜色层逆时针旋转 45°,让其倾斜位移:
这样就苹果官网中的效果一样了:
看到这里,这个动画效果,你学会了吗?
案例拓展
其实这种遮罩的形式,在 PPT 动画中十分常见。为了拓宽你的思路,我们来看一些案例。
比如,底部的颜色层并不一定要发生位移,把它换成陀螺旋:
也可以让文字颜色发生变化,并且可以无限循环下去:
不久前,我们为联想制作的发布会 PPT,就用到了这个方法:
此外,镂空层可以不是文字,换成水滴型:
配合不断移动的波浪形状:
就能做出创意的动态图表:
我们还可以通过增加波浪形状的数量,从而让动画的层次更加丰富,这是两层波浪:
三层波浪:
还有很多读者问到的矩形线条循环动画,同样是用到的了遮罩效果:
这里简单拆解一下,它的遮罩层是镂空的矩形:
而最底层,是一个极坐标渐变形状,添加了陀螺旋动画:
将两者重叠,就会得到矩形线条不断转圈的效果:
是不是还挺惊讶的?原来这个效果这么简单!
当然,创意无限,我的文章也只是为你提供一些思路,有关遮罩的玩法儿还有很多很多,你也可以拿起鼠标,动手试一试~
为了方便你拆解学习,我把会我临摹苹果官网的动画,免费分享给你。在旁门左道PPT公众号后台,回复关键词 苹果动画,就能直接领取啦!
另外,中秋假期到了,提前祝各位读者【中秋快乐】。
想要趁着中秋提升下PPT设计能力的同学,推荐加入旁友圈PPT学习会员。开通后,直接拿走免费8门全阶段学习课程,免费获得超13000页PPT设计灵感手册。