45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

在之前的文章中,我曾借助 PPT 中平滑切换功能,制作出这样的数值滚动的效果:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

很酷,对吧?

但有很多读者向我反馈说,他们的软件中并没有平滑这个功能,没办法做出这样的动画效果。

那该怎么办呢?

其实很简单,我们只需要借助 PPT 中一个不起眼的小功能,也可以做出酷炫的动画效果!

这个功能就是「幻灯片背景填充」。

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

我们选中页面中的形状,右键设置形状格式,就可以找到它啦!

那它是干嘛的呢?

听名字就知道,它的作用就是将形状填充为页面背景,简单来说就是,它能够让形状在页面中“隐身”,看下动图你就明白了:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

你能看到形状在哪吗?

好了,了解完「幻灯片背景填充」的作用,接下来,咱们试着用它,来制作酷炫的数值滚动动画。

1.设置图片填充

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

先将页面背景设置为图片填充,选中图片并剪切,在设置背景格式中选择图片或纹理填充,最后点击插入图片来自剪贴板即可。

2.插入文本框

在页面中插入 4 个文本框,纵向随机的输入一些数字,并将文本框错位摆放

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

3.添加动画

分别对四个文本框添加直线路径动画:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

到这一步,数值滚动的大致效果就已经完成了:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

4.加入色块

接着,我们要做的就是,使用色块盖住不需要展示的数字。

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

由于色块和背景不融合,页面看起来还很突兀!

5.幻灯片背景填充

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

最后,我们把色块设置为幻灯片背景填充,就可以让色块与页面背景完美的融合了。

现在你应该明白,为什么第一步我们要把页面背景填充为图片了吧?

咱们来看一下效果:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

看到这,相信你一定明白这些动画是怎么做的了:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

他们其实都借助了「幻灯片背景填充」这个功能。

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

当然,幻灯片背景填充除了能够辅助我们制作遮罩动画,还有其他很多非常实用的操作技巧:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

下面就来介绍一下:

制作断点线框

作为一个 PPT 设计师,经常会有朋友问我这样一个问题:下面这些页面中的线框到底是怎么做的?

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

想要制作这些断点线框,其实有很多种做法。

而这其中操作最简单、快捷的,就是借助幻灯片背景填充了,我个人也经常使用这个方法。

为了方便你更好的理解,咱们来看一个实际的案例:

源文件是这样的:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

只有一行文字,非常没有美感,怎么优化呢?

1.排版

我们先对标题文案进行排版,利用字重和字号进行一定的层级划分:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

2.添加边框

依据标题排版样式,选定一个边框来突出重点。

这里我选用三角形边框界定标题文案:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

3.设置幻灯片背景填充

接着我们选中文本框,将其设置为幻灯片背景填充,从而制作断点线框:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

4.添加背景

为了让页面看起来不单调,我们可以将背景填充为图片:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

当然,如果你觉得页面两个略显空洞,我们还可以在页面两侧加上光效素材:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

到这里,一张酷炫的断点线框封面就完成了,是不是很赞呢?

而且,使用幻灯片背景填充来制作断点线框还有个好处,只需要拖动文本框,就可以改变线框缺口的位置,就像这样:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

制作缺失文字

对于缺失文字这个概念可能大家都不是很理解,不过没关系,因为这是我自己瞎起的名字。看完下面这几个案例,你就会明白了:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

让文字缺一小块,可以让文字看起来更具设计感,还丰富了页面的层次!

关于缺失文字的制作方法,也许大部分朋友都知道,使用布尔运算就能搞定:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

选中文字,按住 shift 键,再点击形状,最后点击布尔运算中的剪除。

使用这种做法倒也未尝不可,但问题就在于,文字通过布尔运算后会被矢量化,简单来说就是文字没办法编辑!

而想要解决这个问题,我们只需要将色块设置为幻灯片背景填充,盖住文字的部分笔画即可。这样我们就能够随意修改文字,而且还能够快速的制作出,多个文字的缺失效果:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

是不是很简单呢?

制作科技素材

在制作科技类幻灯片的时候,我们经常会用到这样的渐变圆形,模拟发光效果,进而增强页面的视觉效果:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

而想要制作这样的圆形,操作也十分简单,直接对圆形设置中心渐变即可:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

不过,这个方法也只适用于圆形。为什么这样说呢?我们把圆形换成其他形状看一下效果,你就会明白了。

比如我们把圆形换成正方形:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

甚至是更复杂的形状:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

虽然是相同的渐变参数,但效果看起来并不是很好,对吗?

这个时候就需要我们换一条思路,利用形状的内阴影,来模拟发光的效果。

就拿刚才看起来很复杂的形状为例:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

我们先选中形状,然后调整形状内阴影的参数:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

有发光效果了,对吧?

最关键的一步来了,我们把形状设置为幻灯片背景填充:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

接着,我们把做好的科技素材放到具体的页面中,再看一下效果:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

是不是超赞?

其实下面这些科技素材都用到了幻灯片背景填充:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

而使用这些科技图形,你就能很轻松的做出极具科技感的页面:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

以上呢,就是我总结的关于幻灯片背景填充的一些操作技巧,再跟各位总结一下:

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

最后,如果你对文章案例中的一些参数,有不理解的地方,可以点击我的头像私信回复关键词 <填充> ,即可获取文章案例的源文件!

45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!

最后的最后,为了写好这篇文章,整整配了一天的案例图,如果觉得对你有帮助,可以动动手指点个赞哦!

PPT动画设计不懂这些技巧你就亏大了!

另外,我还会给你总结一下这些PPT设计的套路,让你看完之后,也能自己尝试着去做,切实帮助各位提升

最后,我还会把课件免费发给大家,里面的素材全部都是可以编辑的,大家若是学习需要,也可以下载到自己电脑上再仔细研究。

今天要给大家分享的案例,是一组具有创意性的PPT动画,里面的动画效果都是基于系统自带的动画效果组合而成的。

这些动画都是我用 Office 2016 制作出来的,那么这些看似高逼格的动画效果,实际上是如何制作出来的呢,请看下面的详细讲解。

在制作这个作品之前,我们可以先为页面填充一个背景图片,鼠标右键幻灯片空白处,选择设置背景格式,在填充方式处选择图片填充。

数字的排列,是通过插入5个文本框,分别输入上0-9的数字,文字的排列方向选择「堆积」,拖动文本框,数字的排列就会呈现竖排。

接下来通过往上移动文本框,改变计数器上的数字,之后利用office2016系统当中的「平滑」切换动画效果,即可实现文本框的移动。

制作出来的效果如上图所示,但是这样的效果明显不是我们想要的是吧,因为这样就等于把魔术的神秘之处都揭开了。

而「遮罩」的制作方法也并非复杂,插入一块矩形,放在计数牌的上下两端,之后填充方式选择为幻灯片背景填充,即变成了一块隐形的蒙版。

如上图所示,矩形选择幻灯片背景填充之后,填充的部分就是幻灯片背景,所以我们移动矩形到哪里,填充的部分也会相应地发生改变。

这种设置为幻灯片背景填充的矩形覆盖在数字之上,把不想被人看到的元素隐藏起来的形状,我们就把它们称之为「遮罩」。

这里同样要注意,在其中一页使用了遮罩,另一页就把上一页的遮罩复制过去即可,不然位置会发生变化,演示的时候就会有破绽。

接下来我们再来看第二个动画创意,这个动画所以导出GIF格式的时候,文件太大上传不上来,所以进行了压缩和加速,就变成了这样的渣渣画质。

这个动画是通过缩放定位动画制作完成的,效果如上图所示,点击一张图片,我们就能放大这张图片,而且是无损的。

通过层层叠加,我们可以从画廊渗透到一幅画,从一幅画渗透到一间房,从一间房的相架再渗透到另一个场景,让本来好像没有关联的场景,顺其自然的连接起来,好像电影的一样。

勾选你要定位的幻灯片页面,之后点击确定导入进来,此时页面上就会出现那一页PPT的缩略图,缩放到一个容器当中,与场景融为一体即可。

放置好之后,在全屏放映模式下,用鼠标点击该图片,页面就会自动缩放过去,形成非常连贯自然的过渡效果。

除了相框、窗户之外,我们还可以寻找电视机、电脑屏幕、报纸上的图片,书本上的插图,街边的海报等作为我们图片的容器。

唯一值得注意就是图片要与周围的场景要比较融合,不然图片放上去也会比较生硬,这样展示出来的效果就不自然了。

第三个动画效果是放大镜动画,最初是出现在锤子手机的发布会上,那这样的动画效果又是如何制作出来的呢,且看下面的分解。

首先你要准备好这样几样东西,一个是放大镜、一个是小型的手机、一个大型的手机、外加一个与放大镜一样大小的圆形和矩形。

然后把矩形拖到下方大小,并设置为无填充,无边框。之后与大的手机进行组合,之后复制黏贴为增强型图元文件。

那最后一个动画,就是页面加载动画以及转场动画,这一页动画的制作同样运用到了「遮罩」,它在动画当中是非常常见的。

具体的制作方法是,插入一个与屏幕大小的矩形和一个小的圆形,放在矩形的正中间,之后让圆形与矩形进行形状组合。

之后我们要做的,就是制作动态的水效果,我们需要插入一个矩形或者一个波浪的图形,放在这个遮罩图层的底层。

水添加到容器当中会晃荡,对于PPT动画里面我们可以用跷跷板来实现,水一直加,水位会往上深,所以可以同时用向上的路径动画来实现。

另外,水的晃荡不是晃荡一下子就会停止的,会不停的晃荡,所以跷跷板的动画我们要在动画效果上设置重复。

如果我们需要切换场面,让动画效果过渡更加自然,我们就要利用页面当中原本存在的元素,来进行切换和过渡。

比如上图当中存在的一个元素就是蓝色的圆形,那我就可以把这个圆形进行放大,覆盖掉页面上其他的元素,从而起到自然换场的效果。

最后雅客想说,无论是制作什么动画都好,要想动画呈现出来的效果好,都要遵循自然界的运动规律,这样呈现出来的效果才真实。

如果你想获取上述源文件或者高清视频,在后台回复关键词【动画】,即可领取,所有的素材都可以进行编辑。