|
Hello，大家好，我是小醒目。 今天给大家分享一个PPT动画界中意外性No.1但又容易掌握的动画—遮罩动画 按照惯例，我们先来看一波案例展示： （怎样？炫不炫酷？刺不刺激？）遮罩是什么？ 好了，下面我们就来解开遮罩动画的神秘面纱。 相信有不少PPT爱好者都听过遮罩这个术语，大概也知道是怎么回事，这里简单普及一下遮罩在PPT中的意思吧。 在PPT中，遮罩的意思其实和蒙版非常相似，不过遮罩主要是起到“障眼法”的作用，比如我们常见的半透明遮罩，就是为了降低部分区域亮度，突出字体显示： 当然，遮罩更极端的用法就是穿上“吉利服”，吉利服的意思是把遮罩的填充设置为背景色或者底图等，使它看起来是只有一层，但实际上是有两个图层（这是遮罩动画重要思想哦）： （矩形使用了幻灯片背景填充，因此移动到哪都会伪装成背景）看到这里，同学们再回去看之前的案例展示，我猜或多或少心里面已经有点头绪了，不着急，下面我们继续慢慢揭开遮罩动画的“障眼法”。 遮罩动画的原理 在了解动画原理之前，我们还需要做个简单的知识点铺垫，那就是图层关系了。 我们知道，PPT是有图层顺序的，如果在同一个区域，上方图层会把下方图层覆盖，通过菜单栏“开始”—选择—选择窗格我们就可以看到图层的上下关系，排在第一位就表示最顶层，排在最后就表示最底层。 我们在上面了解了遮罩之后，现在就进一步了解遮罩动画的动画原理。 在PPT中，为了得到特殊的显示效果，我们需要在界面上创建一个任意形状的遮罩，这个遮罩的作用有两种： 一是我们可以透过这个遮罩看到遮罩层下的界面； 二是它可以是悄无声息隐藏一些移动中的元素，实现一些特殊的效果。 其实通俗点理解，遮罩在动画中就好比一面墙上有一扇开着的“窗户”，我们可以透过这扇窗看到外面的风景，而且不管风景怎么变化，我们都能够通过这扇窗看得到。 但是，我们的眼睛不能透过墙去看外面的风景，被墙挡住的风景不管怎么变化我们都是看不到的。
像这个，黑色区域就是“墙”，墙后面的字母就是“风景”，我们可以透过小圆这扇“窗户”看到风景，但其他地方就被墙挡住了。
这里遮罩的作用就是第二点，由于遮罩层在ONEWEEK的上方，因此我们把字母移到遮罩层时，会被它挡住，从而“消失”了。 以上就是遮罩动画的障眼法原理分析了，其实只要稍微有点空间感就可以很容易理解这个动画原理。 当然了，不过是什么动画，光想是不够的，实践才能出真知，下面我们就进入动手实验环节。
案例操作 1.望远镜动画
这个案例就是创建一面有圆形的“窗户”的“墙”。 用一个矩形，中间放置一个圆形，选中两个图形，点击菜单栏“格式”—合并形状—组合，即可得到这面有窗户的墙，然后在底部放上不动如山的ONEWEEK，对这面墙添加直线路径动画，移动这面墙就可以产生一种窥视的感觉了。
可以看到，这里的矩形比整个幻灯片页面都要长，这是因为等下做路径动画的时候，只有保证了整面墙足够长才不会露馅哈哈。 然后我们选中这个矩形，点击菜单栏“动画”—添加动画，找到动作路径的直线，把运动效果改为直线向右，接着调整一下这个路径的开始和结束位置即可（调整位置这个步骤需要不断尝试）
想要做出那种望远镜左右反复的效果，就要多添加几个路径动画了，需要注意的是，下一个路径动画的出发点（绿）必须要和上一个路径动画的终点（红）基本一致，这样才能保证同一条直线上路径动画的连续性。
可以看到，我把第二个路径动画的出发点放到了第一个路径动画的终点，而终点的位置可以随意摆放（保证同一条直线即可），然后把第二个动画的计时开始改为从上一项之后开始即可。 2.无中生有动画
这个案例看着有种灭霸爸爸突然从空间洞里出来的感觉一般，其实用到的就是吉利服遮罩能够悄无声息隐藏元素的功能。 可能有些同学会说，这不就是进入动画里面的“切入”吗？这的确是切入动画，但如果我们在没有遮罩的情况下，切入动画的效果是这样的：
会看到有明显的“拖尾”现象，这就不太符合无中生有的感觉了，所以我们要加上一个使用幻灯片背景填充的遮罩，目的就是把那些“拖尾”现象挡住：
这里线条的动画简单说一下，用的是进入动画的劈裂效果（方向是中央向上下展开）。 3.样机切片动画
这个案例非常实用，在很多演示场合都可以用得上，看着高端大气又有逼格，但其实就是前两个案例的结合体了，遮罩的遮挡运用以及一条直线的多个路径动画。 下面我们一个个拆解。 首先是遮罩的问题，想必大家都知道，照片虽然是切换了，但不是真正的“消失”了，只是被两个使用幻灯片背景填充的矩形挡住了，让我们看着以为消失了而已：
接着就是一条直线的多个路径动画问题了。 前面也提过，为了保持动画的流畅度，下一个路径动画的出发点（绿）必须和上一个路径动画的终点（红）大致吻合。 在样机切片动画中，除了这个要求还有一个要求，那就是为了保证每张图片都能百分百刚好展示在样机上，我们要对路径动画的终点（红）位置有所斟酌。 幸运的是，PPT里面路径动画的选点操作默认开启预览模式，也就是说我们能在移动选点的时候看到元素的大致变化情况：
可以看到，我们通过预览模式选好终点的位置，保证照片能够完美呈现在样机上；把下一个路径动画的出发点和上一个路径动画的终点大致重合，能保证整个动画的流畅度。
结语 好了，今天的遮罩动画教学就到这里，至于最后的进度条动画怎么做，我想看到这里的同学只要仔细思考一下也能够做出来的。 这里我也给了大家源文件，大家要先试着自己去做一下进度条的动画，实在想不出再去最后看答案哦。 |
|
|
