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