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^O^

首页是一个课件等待正式上课前使用的一个页面,一般来说是一个欢迎页面,这里不需要太多的内容,但可以稍华丽一点,一幅优美的风景画或一幅符合主题的画面加上一段简洁的欢迎词、和一个按钮就差不多了。为了让等待的过程不至于太枯燥,可以设置让欢迎词动起来。另外由于这是一个等待的时间,最好能插上一段轻音乐或符合主题的音乐。但要设置完整,让音乐能一直播放,并且在开始上课时能自动停止。

课件的目录就像是一个导向牌,指向观众想去的地方,所以完整的目录至少应该具备:标题、导航条和退出按钮。

这个页面最重要的一点就是要有丰富的内容,但尽量做到简洁、统一,最好具有一定的风格。如图1、2:整体色调比较平和,内容也很丰富,有导航条、校景图及名人名言等等,又比较简洁,让人看上去一目了然。有些老师的课件虽具备目录,但从内容上看相对过于简单,有的甚至连课件的主题也没有。以图3为例,虽然目录结构比较有特点,但各导航条形状、字体不一,色调混乱,让人眼花缭乱。从简洁、统一角度来看,有的色彩缤纷,形状各异。如图4:目录里各导航条采用的是各种形式的艺术字,规格、样式也各不统一,布局也有点凌乱。

在目录里应该还有一个退出按钮,使整个课件随时可以通过目录退出到结束界面,而不是一路播放到最后一张退出。

一般在课件中少不了文字这块内容,有时只有少数的几个作为注解,有时需要很多文字,在处理文字时要注意以下几点:

1、文字较少时可采用相对较大的字号,但不要让文字充斥整个屏幕,要留有一定的空间;比较少时可在空余的地方插入一些不太容易引人注意的图片或gif小动画。可采用进入或移动的手法。如图5:文字布满整个了屏幕,没有给边缘留下足够的空间,给人以一种压迫感。

2、文字较多时可考虑采用移动手法,但应注意①标题一般情况下不要随之移动。②如果文本比较长,不能缩到满屏显示时一定要把个文本移出屏幕。③在有图案作为背景时可考虑在屏幕的顶端和底端覆盖一个与两端一样的图案,放在文字上上一层,让文本的滚动有种出字幕的效果。④设置文本移动时,要么设置为重复移动,要么在文本移动结束后设置为自动切换到另一张幻灯片或目录,切忌留下一个只有按钮的空屏。

在处理图片这块内容时,可以运用大量的手法和手段。图片比较多时可采用进入、退出或移动等效果;比较少时可采用插入幻灯片、触发器等效果。但总的来说要符合课件的主题,如果是作为图片欣赏的话,建议采用移动、进入、退出等等动态效果比较好的手法,但是作为作品介绍的话,建议还是采用插入幻灯片或触发器的手法。

一个页面里有较多的图片同时出现时,图片和图片之间不要有重叠,并且尽量对齐,或按照一定的规则排列,松紧要得当。

2、图文混排时要注意重点突出,不要让陪衬的配件喧宾夺主,文字尽量不覆盖在图案上。如图6:中间文字挡住了作为背景的科学家图案,影响了整体效果,从布局上看也不美观;如图7:文字下面几行作了缩进,大大增加了文字的清晰度,如果文字还是按照原来顺序排列的话,必定会造成不清晰,影响了文字的效果。

3、自定义动画设置要完整。有些老师在课件中采用移动手法来展示图片,有点像电影,这个创意不错,很富特色,但需要注意图片的位置要摆放合理;移动要完整,不能移动完以后还有半个尾巴留在屏幕里;在设置自定义动画时一定要注意速度设置不能太快;动作设置要完整,最好能在切换到该页面时能自动进行播放播放,有些图片通过强调放大以后还要能够缩回去,不能动作只做一半,否则将导致动作不能进行,严重的还会造成死链。