【前言】
我很喜欢看刘谦的魔术表演。虽然知道那并不是真的，但每次都很想见证他创造的“奇迹”~
魔术中常用的两种手法：一种是速度快，另一种是利用特殊道具，并加以误导。
PPT动画也有类似的障眼法，它就像魔术一样，给你造成一种视觉欺骗。
比如之前讲过的瞬时动画，可以理解为速度快↓
而今天讲的遮罩动画，就可以理解为是利用了特殊道具而形成的视觉误导。
遮罩英文为Mask（面具），这也从侧面说明了它有着一些“欺骗”的意味。
【教程】
01.
不透明遮罩
▍地球自转
我记得初中有一门课叫做《信息技术》，老师教我们Flash，其中就有一节遮罩动画的课程，主题是制作“地球的自转”效果。（我当时没明白原理，怎么也学不会，一直问坐我旁边的同学哈哈哈）
如今我们用PPT就能轻松的做出来，先看一下动画效果↓
（动画效果）
（图层拆解）
通过图层拆解，我们知道它的图层顺序为↓
最上层：中间挖了圆洞的遮罩
中间层：地图
最下层：蓝色矩形（或者填充背景为蓝色）
（图层截图）
如何给矩形挖一个洞？利用布尔运算功能，先选中全屏矩形，再选中中间的圆形，布尔运算选择『剪除』
PPT脱白教程12期｜【形状篇3】如何在PPT中DIY出复杂的形状（上）
之后我们给地图添加向右循环的路径动画，就会形成一种地球自转的错觉。
（动画窗格截图）
▍水流动画
还有一个常见的水流动画，也和地球自转的动画原理相同。
同样先看一下动画效果↓
（动画效果）
（图层拆解）
给遮罩后的水流添加斜向上的路径动画↓
（动画窗格截图）
当然你也可以添加更多动画细节↓
（动画案例灵感参考@锐普）
▍进度条动画
这个在之前的游戏中提到过↓
PPT游戏课件｜Magic Monkey，我将那个可以“读心”的游戏，做成了英语课件~
（动画效果）
做法也同样很简单，先给黑色矩形中间挖一个进度条的洞，再在遮罩下方放一个矩形，为矩形添加向右的直线动画。
（图层拆解）
▍探照灯
与上面三个案例不同的是，动的不是遮罩后的物体，而是遮罩本身~
这个动画可用于英语『身体部位』主题的教学。
（动画效果）
（图层拆解）
当然上面的案例还有遮罩的放大缩小动画，使中间的圆配合不同身体部位的大小而变化。
（动画窗格截图）
▍物体入箱
这个案例与上面的又有所不同，它没有给遮罩上面开一个洞，而是直接在上面盖了一层。
有点不理解？先看一个反面案例↓
可以看出这个动画差了点意思，缺乏真实感（感觉苹果压根就没进到箱子里，更像是躲到了箱子后面）
而我们想要的其实是下面这种效果↓
两者有什么不同呢？
第一个感觉躲到箱子后面的，其实只有两个图层：苹果（底层）+箱子（顶层）。
第二个进到箱子里的，则是有三个图层：箱子（最底层）+苹果（中间层）+箱子遮罩（最顶层）。
这个案例中，最上层的遮罩起着遮挡苹果的作用，让人误以为是苹果进到了箱子中。
02.
透明遮罩
上述动画都是利用不透明遮罩实现。但是遮罩还有另一种障眼法：透明遮罩。
由于透明遮罩的用法相对更加复杂，基础薄弱的可能对于这些用法不太了解。
首先要说明的一点是，透明遮罩并不是无填充的形状，而是将一个带有填充形状的透明度，设置为100%，因此变成透明的。
▍充当按钮
这个功能使用的场合最多，新手掌握这一点就足够了。
场景1：对象组合
对象组合不能直接添加动作或超链接，此时就需要利用透明遮罩充当按钮的功能。（当然，你可以将对象组合转换为单张图片，从而添加动作/超链接）
场景2：背景与按钮为一张图
当背景与按钮是一整张图片时，如果抠图总会有一些瑕疵。此时也需要透明遮罩盖在按钮上充当按钮功能。
你也许以为上面的图片是由背景及右下角的GO按钮组成，实际上它们整体是一张图片。我在GO的按钮上加了一个透明矩形，充当按钮功能↓
（为方便观察移动了透明矩形，并添加边框）
▍多功能按钮
案例1：Job Mixer
游戏规则：
根据描述，当头部/身体/腿切换正确时，点击Check绿灯亮；当切换错误时，点击Check灯为熄灭状态。
在这个游戏中，单独的Check按钮无法完成游戏规则的操作，需要利用多个透明遮罩实现。
遮罩充当了两个功能：点击Check绿灯亮、点击Check绿灯不亮。
案例2：Clean and green
游戏规则：
先点击垃圾，再点击对应的垃圾箱。如果分类正确，显示Good job!
如果分类错误，显示Rubbish! Try again!
在这个游戏中，垃圾箱也同样无法完成垃圾分类的规则，需要多个透明遮罩。
遮罩也充当了两个功能：点击垃圾箱，分类正确；点击垃圾箱，分类错误。
▍防止误触点击
案例：打地鼠
为方便理解，给遮罩添加了边框↓
可以看出，透过透明遮罩，限制了用户的点击区域，防止误点击到草丛区域或者其他区域，导致动画结束跳转到下一页。也可避免动画bug的出现。
【结尾】
总结一下遮罩动画的知识点↓
——
公众号：泡芙糖
原文链接：PPT动画教程08期｜PPT动画中的障眼法，遮罩动画！
相关文章
赣公网安备36100202000190号