苹果官网中这个一闪而过的动画，真高端！用PPT肝它...

点击  预约/观看  ，进入今晚直播间

5分钟学会一个PPT技巧

每晚10个问题，快来涨知识~

前阵子，我在苹果官网查看最新版的 MacBook 时，看到一个很有意思的动画效果。

在产品的详情介绍中，文字和小图标的颜色会发生变化：

还有，M1 芯片上的文字，像是有光扫过一样，看起来很有质感：

手痒的我，立马用 PPT 复刻了一下：

文末可免费领取 PPT 动画源文件

其实，这个动画的原理十分简单，我们只需要有一个图形遮罩层和颜色动画层：

然后让底部的颜色发生位移即可：

就是这么简单，接下来，我来说一下具体的操作步骤， 分为 3 步：

01

制作镂空遮罩

插入一个全屏形状，导入苹果的矢量 logo，并输入文字“M1”： 

先选中形状，再选中 logo 和文字，点击合并形状中的剪除：

02

渐变模拟光感

插入 3 个形状，分别调整渐变填充，模拟光感：

将形状无缝拼接在一起，组合后就得到了底部的颜色层。

03

添加路径动画

将颜色层置于遮罩层下方：

再给颜色层加一个向右的路径动画：

在播放时，就会有扫光的效果了：

此外，我们还可以把颜色层逆时针旋转 45°，让其倾斜位移：

这样就苹果官网中的效果一样了：

看到这里，这个动画效果，你学会了吗？

案例拓展

其实这种遮罩的形式，在 PPT 动画中十分常见。为了拓宽你的思路，我们来看一些案例。

比如，底部的颜色层并不一定要发生位移，把它换成陀螺旋：

也可以让文字颜色发生变化，并且可以无限循环下去：

不久前，我们制作的一份发布会 PPT，就用到了这个方法：

此外，镂空层可以不是文字，换成水滴型：

配合不断移动的波浪形状：

就能做出创意的动态图表：

我们还可以通过增加波浪形状的数量，从而让动画的层次更加丰富，这是两层波浪：

三层波浪：

还有很多读者问到的矩形线条循环动画，同样是用到的了遮罩效果：

这里简单拆解一下，它的遮罩层是镂空的矩形：

而最底层，是一个极坐标渐变形状，添加了陀螺旋动画：

将两者重叠，就会得到矩形线条不断转圈的效果：

是不是还挺惊讶的？原来这个效果这么简单。

当然，创意无限，有关遮罩的玩法儿，还有很多很多，你也可以动手试一试。