将每个幻灯片顶部的标题设置动画_45页幻灯片,教你做出PPT大神级的动画效果!文末有福利!...

本文介绍了如何利用PPT的「幻灯片背景填充」功能,创建数值滚动、断点线框、缺失文字和科技素材等酷炫动画效果。通过设置图片填充、添加动画、调整内阴影等步骤,让即使没有平滑切换功能的PPT也能制作出专业级别的动画。同时,文章还展示了如何利用这个功能快速制作出设计感十足的断点线框和模拟发光效果的科技图形。
摘要由CSDN通过智能技术生成
0c01ebc8fcb0930989b89a1fa0756768.png

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

140493d475ee3f95ce116d3ee05de71b.gif
c364d18a31b6538a5b30c270b0b9974d.gif

很酷,对吧?

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

那该怎么办呢?

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

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

108ded9f1988337aa156bb8554a30f72.png

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

那它是干嘛的呢?

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

a55a7d08-d84a-eb11-8da9-e4434bdf6706.png

你能看到形状在哪吗?

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

1.设置图片填充

c08eb0ed4b4efac4e8ae2a626c9168ed.gif

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

2.插入文本框

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

c509a55579942377c25eb11a9061165d.png

3.添加动画

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

bcd360906b33cd6ce1ea344b4aa8f437.png

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

ed79329e2603626bce8c39eb2ad0f874.gif

4.加入色块

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

38b1bf346a4bdfa480b2038491fe907f.gif

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

5.幻灯片背景填充

0d46f801aff3f9e858683eb1f8ce72b4.gif

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

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

咱们来看一下效果:

a3ccda34262c547faabefea33d7ad298.gif

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

b0e9a914e9e476bc2af596ce4e94afdf.gif
91b1dc76850372a01235ee3ac480341d.gif

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

0cd088f733dc7d942168eb6b0453580b.gif
01c7824f850d0e508b445417da91e0ec.gif

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

4421e86d2f376cbae8ca78399f10779f.png

下面就来介绍一下:

制作断点线框

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

f801affef7a3024fb8d96f682b7eb454.png
8a947ab435f04e98ac0ba9897d9e80cf.png

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

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

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

源文件是这样的:

853df75a9c0c4f9b0e4150149327955a.png

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

1.排版

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

12f68c7fe49ba26f20da9bd8bba3eb29.png

2.添加边框

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

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

319c8c084f0f2b44ab673418969be327.png

3.设置幻灯片背景填充

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

e26aa8047bde3b56487bd97c2f75033c.png

4.添加背景

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

8710332078b070439c3f0445c9d65ff9.png

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

e6c3e2f3ace9aef7653ad4a30024e840.png

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

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

a0cc2ff3ad7aa0179cb3397d71aa40f1.gif

制作缺失文字

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

66944ef8e9627cde02174c71cab25828.png
2b0a4788f4d4651a43b96714dabf07fa.png
cb10aaf6a026079622260c223d77385e.png

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

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

dc88e3f356ebc4ffb5d30227d8ee26f9.gif

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

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

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

69c0daf4b82f841b621e11bd94010adf.gif

是不是很简单呢?

制作科技素材

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

17571b0518411837ad777bc7f76f4ca4.png
ba8a5ddf5cf02954bef9d201f632e6d4.png

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

f6afed7576df6bc47fcd5638876b6bc4.png

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

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

9262c3b6b0160caeaaf3f6820cb4f4d3.png

甚至是更复杂的形状:

52e39764559e1e339b6dfa53fa4e74ce.png

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

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

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

ca022e8aa245f865187ac4c924dd9433.png

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

e6e4f26a108852d4d1297426c88eaf0a.png

有发光效果了,对吧?

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

87a91c2a6e5d70ed209e2f49a7fd7871.png

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

72da42ccb5902a9e74e5a7dce063abd4.png

是不是超赞?

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

0831df89aef625f36db58b46b336a1d5.png

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

e599a553382fc4aad257b098707233e4.png
66c8b042c1e10e6e6f1917676fd5b04f.png

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

20690c59f517f3566e7e78e065baae25.png

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

7636b5e9e157ce01767d9feeb77d96f7.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值