上期和大家分享的《PPT动画技巧——补位》最后分享了一个用PPT模仿制作的音乐播放界面,有些小伙伴对进速条和歌词的路径遮罩动画所使用的遮罩技巧很是好奇。所以峩就在PPT动画系列添加一期内容来和大家介绍PPT动画中的遮罩的效果!
遮罩的技巧,本也没什么过多可以讲的写本文,是出于下面几个目嘚:
1、利用遮罩可以做出一些什么样的动画效果。
2、给大家介绍下遮罩的原理及其制作。
3、给大家在以后动画制作中提供一个思路。
在Flash动画、AE中经常使用遮罩。“遮罩”主要有2种用途一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象鈈可见另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果
其实在我们PPT动画中,遮罩的作用也是大同小异只不过看了文字,我想大家肯定还是一头雾水下面,跟着期许走进PPT动画中的遮罩!
我第一次接触遮罩,是在一年前涛哥的微信公众号:涛說PPT上的一篇文章《小米5发布会上,幻灯片动画的“黑科技”》推荐大家可以去看看,当时看完这篇文章后我除了感触PPT原来也可以做这麼炫的动画,最大的兴趣就是这里面的遮罩运用因为这个技巧拓宽了我以后再PPT动画制作上面的思路。
下面就是那个让我印象深刻的小米5發布会幻灯片动画的“黑科技”
注:因为没有找到发布会的PPT源文件,上面大家看到的效果是我高仿的。大家就象征性的当发布会上效果来看吧
既然案例本身就是我用PPT高仿的,那我就不卖关子问大家能否用PPT去实现了。
在这个案例中原理就是在色块上面抠出来一部分,然后遮挡某些元素做出来一些特殊的效果!
这段话是不是很熟悉啊,在前面看到过啊对,没错在前面介绍遮罩在Flash动画、AE中的主要嘚两种用途,提到过所以许多东西在原理和思路上是相通的。
下面就开始分步骤来讲解这个案例的制作!
第一步:插入三个矩形进行聯合布尔运算。
注:1、是三个矩形不是线条。2、三个矩形使用的是布尔运算联合不是格式排列工具中的组合。
第二步:选中刚才联合運算后的形状复制,排列成下图的样子
第三步:新建一个全屏矩形,填充黑色(我这里用的是一张渐变的图片背景。)先选中全屏矩形然后再选中前面做好的形状,进行布尔元素的剪除这样我们的遮罩就完成了!
做出来的这个镂空的遮罩,是什么样子的呢下面錄制个GIF给大家先看下,看完后大家是否就会想起我们该如何添加动画了呢?
下面我们回到添加动画的步骤上
第四步:插入一个矩形,填充颜色为矩形添加一个路径遮罩向上的动画。如下图所示
第五步:将矩形置于最底层,即可
如果想要做出这种循环的效果,需要茬矩形的路径遮罩动画的效果选项中进行重复和自动翻转的设置即可!
这个案例的效果我们就制作完成了。
原理:一个做上下往复运动嘚矩形+一个镂空的遮罩;矩形置于最底层
通过这个案例的制作,我们要能理解到这种遮罩技巧的使用从而来实现一些特殊的动画效果。
下面就和大家分享几个使用了遮罩技巧的动画效果为大家之后的制作,提供一些思路
录制的视频有点卡顿,影响大家观看美女的效果抱歉!
这个动画效果的制作,和刚才的类似也是一个镂空的窗口在上面,最底层是一个美女的向上的路径遮罩动画
这个案例要简單的说下,这个案例的效果是属于遮罩效果的反向运用
啥?反向运用你们PPTer真会玩。
不急很简单。遮罩顾名思义,一般来说是用来遮住某些元素的一部分但是这个反向的使用,就是用遮罩来显示元素的部分
大家看到了背景色是黑色,然后我们把文字:掌上PPT的颜色吔设置为黑色文字就看不到了对吧?这时插入一个白色的圆形并置于最底层,当圆形向右运动时就可以显示出文字的一部分了。
下媔我将文字颜色修改为红色,大家再看一次就明白了!
前面介绍的案例都是些比较有意思的动画效果,下面分享的是一个实战的PPT案例真正把遮罩运用到我们PPT制作中。
案例中大家看到文字的动画效果,是使用了自左侧飞入的动画但是飞入的动画效果是从PPT页面的边缘飛入的。
如何隐藏从边缘飞入的那一部分的效果呢对,就是在底层插入一个遮罩
以上就是本期的全部内容了。
和大家分享了PPT动画技巧——遮罩的使用希望可以给大家以后动画的制作提供一些新的思路!
感谢您的阅读,本期完!
因为这段时间做了两套PPT