用PPT遮罩,居然能做出这么炫酷的动画

article_cover

Hello,大家好,我是小醒目。


今天给大家分享一个PPT动画界中意外性No.1但又容易掌握的动画—遮罩动画


按照惯例,我们先来看一波案例展示:


(怎样?炫不炫酷?刺不刺激?)



遮罩是什么?


好了,下面我们就来解开遮罩动画的神秘面纱。


相信有不少PPT爱好者都听过遮罩这个术语,大概也知道是怎么回事,这里简单普及一下遮罩在PPT中的意思吧。


在PPT中,遮罩的意思其实和蒙版非常相似,不过遮罩主要是起到“障眼法”的作用,比如我们常见的半透明遮罩,就是为了降低部分区域亮度突出字体显示


当然,遮罩更极端的用法就是穿上“吉利服”,吉利服的意思是把遮罩的填充设置为背景色或者底图等,使它看起来是只有一层,但实际上是有两个图层(这是遮罩动画重要思想哦):


(矩形使用了幻灯片背景填充,因此移动到哪都会伪装成背景)


看到这里,同学们再回去看之前的案例展示,我猜或多或少心里面已经有点头绪了,不着急,下面我们继续慢慢揭开遮罩动画的“障眼法”。



遮罩动画的原理


在了解动画原理之前,我们还需要做个简单的知识点铺垫,那就是图层关系了。


我们知道,PPT是有图层顺序的,如果在同一个区域,上方图层会把下方图层覆盖,通过菜单栏“开始”—选择—选择窗格我们就可以看到图层的上下关系,排在第一位就表示最顶层,排在最后就表示最底层。



我们在上面了解了遮罩之后,现在就进一步了解遮罩动画的动画原理。


在PPT中,为了得到特殊的显示效果,我们需要在界面上创建一个任意形状的遮罩,这个遮罩的作用有两种:


一是我们可以透过这个遮罩看到遮罩层下的界面;

二是它可以是悄无声息隐藏一些移动中的元素,实现一些特殊的效果。


其实通俗点理解,遮罩在动画中就好比一面墙上有一扇开着的“窗户”,我们可以透过这扇窗看到外面的风景,而且不管风景怎么变化,我们都能够通过这扇窗看得到。


但是,我们的眼睛不能透过墙去看外面的风景,被墙挡住的风景不管怎么变化我们都是看不到的。



像这个,黑色区域就是“墙”,墙后面的字母就是“风景”,我们可以透过小圆这扇“窗户”看到风景,但其他地方就被墙挡住了。



这里遮罩的作用就是第二点,由于遮罩层在ONEWEEK的上方,因此我们把字母移到遮罩层时,会被它挡住,从而“消失”了。


以上就是遮罩动画的障眼法原理分析了,其实只要稍微有点空间感就可以很容易理解这个动画原理。


当然了,不过是什么动画,光想是不够的,实践才能出真知,下面我们就进入动手实验环节。



案例操作


1.望远镜动画



这个案例就是创建一面有圆形的“窗户”的“墙”。


用一个矩形,中间放置一个圆形,选中两个图形,点击菜单栏“格式”—合并形状—组合,即可得到这面有窗户的墙,然后在底部放上不动如山的ONEWEEK,对这面墙添加直线路径动画,移动这面墙就可以产生一种窥视的感觉了。



可以看到,这里的矩形比整个幻灯片页面都要长,这是因为等下做路径动画的时候,只有保证了整面墙足够长才不会露馅哈哈。


然后我们选中这个矩形,点击菜单栏“动画”—添加动画,找到动作路径的直线,把运动效果改为直线向右,接着调整一下这个路径的开始结束位置即可(调整位置这个步骤需要不断尝试)



想要做出那种望远镜左右反复的效果,就要多添加几个路径动画了,需要注意的是,下一个路径动画的出发点(绿)必须要和上一个路径动画的终点(红)基本一致,这样才能保证同一条直线上路径动画的连续性。




可以看到,我把第二个路径动画的出发点放到了第一个路径动画的终点,而终点的位置可以随意摆放(保证同一条直线即可),然后把第二个动画的计时开始改为从上一项之后开始即可。


2.无中生有动画



这个案例看着有种灭霸爸爸突然从空间洞里出来的感觉一般,其实用到的就是吉利服遮罩能够悄无声息隐藏元素的功能。


可能有些同学会说,这不就是进入动画里面的“切入”吗?这的确是切入动画,但如果我们在没有遮罩的情况下,切入动画的效果是这样的:



会看到有明显的“拖尾”现象,这就不太符合无中生有的感觉了,所以我们要加上一个使用幻灯片背景填充的遮罩,目的就是把那些“拖尾”现象挡住:


这里线条的动画简单说一下,用的是进入动画的劈裂效果(方向是中央向上下展开)


3.样机切片动画



这个案例非常实用,在很多演示场合都可以用得上,看着高端大气又有逼格,但其实就是前两个案例的结合体了,遮罩的遮挡运用以及一条直线的多个路径动画。


下面我们一个个拆解。


首先是遮罩的问题,想必大家都知道,照片虽然是切换了,但不是真正的“消失”了,只是被两个使用幻灯片背景填充的矩形挡住了,让我们看着以为消失了而已:



接着就是一条直线的多个路径动画问题了。


前面也提过,为了保持动画的流畅度,下一个路径动画的出发点(绿)必须和上一个路径动画的终点()大致吻合。


在样机切片动画中,除了这个要求还有一个要求,那就是为了保证每张图片都能百分百刚好展示在样机上,我们要对路径动画的终点()位置有所斟酌。


幸运的是,PPT里面路径动画的选点操作默认开启预览模式,也就是说我们能在移动选点的时候看到元素的大致变化情况:




可以看到,我们通过预览模式选好终点的位置,保证照片能够完美呈现在样机上;把下一个路径动画的出发点和上一个路径动画的终点大致重合,能保证整个动画的流畅度。



结语


好了,今天的遮罩动画教学就到这里,至于最后的进度条动画怎么做,我想看到这里的同学只要仔细思考一下也能够做出来的。


这里我也给了大家源文件,大家要先试着自己去做一下进度条的动画,实在想不出再去最后看答案哦。


公众号一周进步后台回复【遮罩动画】,即可获得源文件~


我们下期再见,一周爱你们。


3209人看过

评论 (11)

0/500
  • 别说谁不骚都是插座找插销

    厉害了

    01-16 17:07
  • 不能爱

    遮罩动画的玩法很有意思,黑白闪动,聚光灯效果都是

    01-14 17:47
  • 醉了那梦

    一直觉得会做这种的大神很牛逼

    01-14 17:46
  • 笑你痴心

    太厉害了吧!

    01-13 14:04
  • 千山渡

    这个也太好看了吧,先收藏,晚点学

    01-13 14:04
  • 魂牵梦绕只为你

    这个遮罩功能也太好用了吧

    01-10 09:32
  • 朵拉咪

    特out

    01-07 17:30
  • 善惡分明

    谢谢老师

    01-06 17:09
  • 拴不住的我不挽留

    PPT还能做动画了???!!!

    01-04 10:25
  • dytceshi1795

    2019-08-02 21:21
  • 遛弯

    太酷了

    2019-06-26 13:47
没有更多评论啦~
一周进步PPT学堂
每天一个短视频,轻松学会PPT