http://www.pptjcw.com

ppt制作教程:遮罩动画-让PPT动画更具个性

    上期和大家分享的《PPT动画技巧——补位》,最后分享了一个用PPT模仿制作的音乐播放界面,有些小伙伴对进速条和歌词的路径动画所使用的遮罩技巧,很是好奇。所以我就在PPT动画系列添加一期内容,来和大家介绍PPT动画中的遮罩的效果!

    遮罩的技巧,本也没什么过多可以讲的。写本文,是出于下面几个目的:

    利用遮罩,可以做出一些什么样的动画效果

    给大家介绍下,遮罩的原理及其制作

    给大家在以后动画制作中,提供一个思路

    在Flash动画、AE中,经常使用遮罩。“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。

    其实在我们PPT动画中,遮罩的作用也是大同小异,只不过看了文字,我想大家肯定还是一头雾水,下面,跟着期许,走进PPT动画中的遮罩!

    案例制作

    我第一次接触遮罩,是在一年前,涛哥的微信公众号:涛说PPT上的一篇文章《小米5发布会上,幻灯片动画的“黑科技”》,推荐大家可以去看看,当时看完这篇文章后,我除了感触PPT原来也可以做这么炫的动画,最大的兴趣就是这里面的遮罩运用,因为这个技巧拓宽了我以后再PPT动画制作上面的思路。

    下面就是那个让我印象深刻的小米5发布会幻灯片动画的“黑科技”。

    ppt制作教程:遮罩动画-让PPT动画更具个性

    注:因为没有找到发布会的PPT源文件,上面大家看到的效果,是我高仿的。大家就象征性的当发布会上效果来看吧。

    既然案例本身就是我用PPT高仿的,那我就不卖关子,问大家能否用PPT去实现了。

    在这个案例中,原理就是在色块上面抠出来一部分,然后遮挡某些元素,做出来一些特殊的效果!

    这段话是不是很熟悉啊,在前面看到过啊,对,没错。在前面介绍遮罩在Flash动画、AE中的主要的两种用途,提到过。所以许多东西在原理和思路上是相通的。

    下面就开始分步骤来讲解这个案例的制作!

    第一步:插入三个矩形,进行联合布尔运算。

    注:1、是三个矩形,不是线条。

    2、三个矩形使用的是布尔运算联合,不是格式排列工具中的组合。

    ppt制作教程:遮罩动画-让PPT动画更具个性

    第二步:选中刚才联合运算后的形状,复制,排列成下图的样子。

    ppt制作教程:遮罩动画-让PPT动画更具个性

    第三步:新建一个全屏矩形,填充黑色。(我这里用的是一张渐变的图片背景。)先选中全屏矩形,然后再选中前面做好的形状,进行布尔元素的剪除,这样我们的遮罩就完成了!

    ppt制作教程:遮罩动画-让PPT动画更具个性

    做出来的这个镂空的遮罩,是什么样子的呢?下面录制个GIF给大家先看下,看完后,大家是否就会想起我们该如何添加动画了呢?

    ppt制作教程:遮罩动画-让PPT动画更具个性

    下面我们回到添加动画的步骤上。

    第四步:插入一个矩形,填充颜色,为矩形添加一个路径向上的动画。如下图所示。

    ppt制作教程:遮罩动画-让PPT动画更具个性

    第五步:将矩形置于最底层,即可。

    下面看下效果!

    ppt制作教程:遮罩动画-让PPT动画更具个性

    如果想要做出这种循环的效果,需要在矩形的路径动画的效果选项中进行重复和自动翻转的设置即可!

    ppt制作教程:遮罩动画-让PPT动画更具个性

    这个案例的效果,我们就制作完成了。

    原理:一个做上下往复运动的矩形+一个镂空的遮罩;矩形置于最底层。

    通过这个案例的制作,我们要能理解到这种遮罩技巧的使用,从而来实现一些特殊的动画效果。

    下面就和大家分享几个使用了遮罩技巧的动画效果,为大家之后的制作,提供一些思路。

    案例分享

    分享案例一

    录制的视频有点卡顿,影响大家观看美女的效果,抱歉!

    这个动画效果的制作,和刚才的类似,也是一个镂空的窗口在上面,最底层是一个美女的向上的路径动画。

    分享案例二

    提示:如果您觉得本文不错,请点击分享给您的好友!谢谢

    上一篇:电脑制作ppt教程:好看的幻灯片渐变效果教程-君陵的PPT小院杂谈9 下一篇:ppt动画制作教程:几款值得推荐的PPT英文字体

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。