查看原文
其他

苹果14最新发布会PPT中,这动画太酷了!连官网都在用!

宋雪贤 旁门左道PPT 2023-01-31

点击  预约  ,锁定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设计灵感手册。

且一次加入,长期有效。趁着中秋,刚好看完一门课!
每年涨价一次,下次将涨价至699元,越早开通越优惠:
学PPT,看旁门左道
再小的技能,也值得被认真对待

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存