『平滑功能』这可能是PPT中最好用的动画功能!

平滑切换是PowerPoint 2016新增的功能,属于页面之间的换页动画。常规的页面切换效果换页动作比较生硬,而利用平滑切换可以做到页面之间的无缝连接,做出许多酷炫的效果。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

再比如锤子科技发布会上这个非常经典的放大镜动画

如何做一场成功的『PPT演讲』附案例--运营喵的世界

这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!需要用到的是切换选项卡中的平滑效果

『平滑功能』这可能是PPT中最好用的动画功能!

什么是平滑效果,它又是如何实现这些超酷炫的动画的,一起来看看吧!!!

一、平滑效果的原理与作用

1、什么是平滑效果

什么是平滑效果

平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡

觉得特别抽象?

我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡。
『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

PPT平滑效果--颜色平滑

除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

PPT平滑效果--大小平滑

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

PPT平滑效果--位置平滑

是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。

2、元素的强制关联

看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素

可以使用命名法解决这个问题

命名法

命名法,也就是给需要用到平滑切换效果的对象进行特定的命名;经过特定命名的对象在平滑切换中,就会被联系起来。

这个命名的操作是,Alt+F10 打开选择窗格,找到需要赋予动画效果的对象,点击对象名称,再点击一次,英文半角状态下,输入 !!(两个感叹号),后面根据需要继续添加名称,如 !!对象1,也可以不再添加内容(如下图)。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

简单来说,就是把对象名称改成以 !! 开头的

要注意的是,不是所有版本的 PowerPoint 都能使用该功能,

具体参考如下官方说明:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

那么改名之后,会怎么样呢?

在两页幻灯片中,名称以 !! 开头且名称相同的对象,在平滑切换效果下,会被强制关联起来。

这里注意了,对象名称的两个关键点:

① 名称以 !! 开头

② 名称相同

不过呢,为了能按照我们的需要发生动画效果,一页幻灯片中不要设置多个同名的以 !! 开头的名称的对象;

要知道,PowerPoint 中并没有对此作出限制。

操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同。

通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。

这又是什么情况?不就是正方形到圆形的平滑切换吗?

其实运用平滑还有一个很重要的一点:基于同一个对象进行操作。所以这里的效果并不是直接画出一个正方形和一个圆,而是要用到我们的圆角矩形。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

为什么选择圆角矩形?

因为圆角矩形有个可调节的控点,你可以更改控点的位置调节成正方形和圆形。最后再对第二张幻灯片设置平滑效果即可。

不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

而重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。

3、平滑效果有什么用?

原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?

觉得主要有这样两个。

一是可以简化动画操作,提升制作效率。

以下面这页的动画效果为例:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。

而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。

二是可以制作出酷炫的设计效果

不多说,直接看案例!

『平滑功能』这可能是PPT中最好用的动画功能!

展示某个产品细节

这些动画效果可都是利用平滑功能制作出来的,而具体如何制作,一起往下看吧!

二、如何利用平滑做出酷炫的设计效果?

1、图片平滑切换

利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

又或者是改变图片的位置,生成平滑切换动画:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界
『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

还原“改变图片的位置”PPT制作过程

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界
『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

关联元素,还能做出这种图片来回切换的轮播效果

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

这些效果非常实用,而制作起来也相对简单。在这里,要给大家详细分享的是这样两种动画效果。

▼ 剪裁动画

裁剪动画效果一:

PPT的剪裁功能配合平滑,可以制作出这样的效果:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

怎么样?够简单,够酷炫吧?

裁剪动画效果二:

剪裁配合平滑功能还能做出这样的图片缩放效果

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~

▼ 放大镜动画

锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。

用PPT中的平滑功能,做出放大镜的效果。

案例效果:

在锤子 T2 手机发布会上,老罗在讲到工业设计时,做出放大手机底部细节的效果就很不错。

如何做一场成功的『PPT演讲』附案例--运营喵的世界

同样的,在展现手机截图的重点信息时,也可以借助放大镜的效果展示。

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

突出截图中的优惠信息。

或者用来展现产品细节:

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

借助动画,更加便于理解。

这个动画看似很难,但其实只要借助平滑和裁剪这两个基础功能就能轻松搞定!

以下面这个动画为例,跟各位讲一下具体的制作步骤!

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

1.首先,咱们需要准备素材:放大镜、iPad、放大了的 iPad

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

2.摆放素材位置,将放大了的 iPad 覆盖在 iPad 的上方

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

3.将放大了的 iPad 裁剪为圆形,并与放大镜重合

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

4.复制一页,并按照上面的方法,把第二页做成这样

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

5.最后为第二页添加平滑切换效果即可

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

到这里,一个发布会级的动画效果就完成了。

是不是很酷!

2、文字平滑切换

使用平滑功能,还能实现很多与文字相关的动画效果,最基础的,是切换文字的大小、颜色和位置等等

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

文字平滑切换

稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

文字平滑切换--文字

实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

同样关于文字的平滑切换,也要向你详细介绍两种酷炫的效果!

▼ 数字切换动画

下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。

让小白3分钟也能做出酷炫PPT动画效果!--运营喵的世界

请参考详细制作方法:让小白3分钟也能做出酷炫PPT动画效果!

▼ 文字拆分动画

在之前的文章中,给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

3、形状平滑切换

除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

再比如这种图片“变形”的效果,用到的也是平滑功能

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

转换方法一:口袋动画插件

制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

以上就是有关平滑效果的完整介绍除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场:

也可以使用一下方法转换。

转化方法二:AI变形效果

默认情况下,平滑切换只能用于图形之间。如果想对图片进行平滑切换,该如何实现呢?比如下图所示的效果:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

先介绍一下思路:首先对图片进行抠图,然后利用AI转为剪影样式的矢量图形,在PPT中会显示为多边形(Freeform),对该图形进行图片填充,也就是贴图

这样外观看起来是一张图片而实际上是一个形状。在PPT中的下一页中,对另一个图片重复以上步骤,设置平滑切换即可。

下面我们以大黄蜂为例,具体演示一下操作步骤:

首先在PPT中对图片进行抠图处理,删除图片背景:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

得到背景透明的图片:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

复制一张备用,调整另一张图片的亮度为 -100% ,使其变为黑色剪影效果:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

右键点击剪影图片,另存为PNG图片:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

打开AI软件,依次点击【文件】-【打开】,导入剪影图片:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

鼠标左键选中图片,依次点击工具栏中的按钮【图像描摹】-【扩展】,这一步的目的是将图片格式转为矢量图形格式。转换完毕后会发现,图像周围出现可编辑的控制点,说明图像已经是矢量格式:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

选中图形,点击Ctrl+C,然后打开PPT,在空白页面处点击右键,【粘贴选项】选择【图片】格式:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

右键点击图片,选择【组合】-【取消组合】:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

这时会提示,是否转换为 Microsoft Office 图形对象,点击【是】:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

再次右键点击图片,选择【组合】-【取消组合】:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

此时,图片转为PPT中可识别的矢量图像,删除最外侧的透明边框:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

从选择窗口中可以看到,图形的属性为【Freeform】即自由形状,我们可以对该图形进行各种形状操作。:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

找到刚才备用的抠好的图片,点击【裁剪】工具,对其边界进行修剪,裁掉多余的透明部分。裁切完成后,复制,在剪贴板中暂存:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

点击转换为【Freeform】的图形,依次选择【设置形状格式】-【填充】-【图片或纹理填充】-【剪贴板】,图形贴图后的效果如下:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

同样对大黄蜂变形后的汽车做以上步骤的处理,不再赘述(再啰嗦一遍估计要掉粉了),得到图形贴图后的效果如下:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

添加平滑切换,得到无缝变换的效果:

『平滑功能』这可能是PPT中最好用的动画功能!--运营喵的世界

当然,如果你嫌以上步骤麻烦,还可以找一些现成的剪影图片,省去贴图的步骤,也可以做出不错的效果。

参考资料:

下载链接:

提取码:hc2q
更新时间:2019-11-13

参考文章:
  1. 一键生成发布会级动画,这可能是PPT中最好用的动画功能! | 平滑功能介绍
  2. 看我72变 | 把PPT平滑切换玩出新高度
  3. 关于PPT的平滑切换,你需要知道的小技巧
  4. PPT 中如何控制平滑切换的对象,这里给你分享 4 种方法
  5. 这绝对是PPT里最神的操作
标签:高逼格PPT
  赞 10