一键生成发布会级动画，这可能是PPT中最好用的动画功能！

uutk · 发表于 2019-6-14 02:12:33

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

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

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

什么是平滑效果，它又是如何实现这些超酷炫的动画的，这篇文章给大家做一个完整的分享！
文章很长，在这里也给大家准备了一个目录：

平滑效果的原理与作用

什么是平滑效果

平滑是一种页面与页面间的切换效果，而具体的效果和之前给大家介绍的补间动画类似，可以实现元素间的平滑过渡。
觉得特别抽象？我在这里给大家举个例子，假设A为元素的初始状态，位于页面一，B为元素的最终状态，位于页面二。

此时，在切换选项卡给页面二添加一个平滑效果，就能实现由A到B的平滑过渡。

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

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

元素的强制关联

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

怎么办呢？我们需要将元素强制关联，让软件将两者识别为同一元素。
操作方法是打开选择窗格，元素名称处双击，以“!!+名称”的方式对元素进行命名。感叹号为英文半角，而两个元素的名称要保证相同。

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

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

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

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

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

平滑效果有什么用？

原理明白了，那这个功能在日常PPT制作中具体有什么作用呢？三顿觉得主要有这样两个。
一是可以简化动画操作，提升制作效率。以下面这页的动画效果为例：

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

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

二是可以制作出酷炫的设计效果，不多说，直接看案例！

这些动画效果可都是利用平滑功能制作出来的，在三顿的公众号回复关键词“平滑”可以直接获取源文件，而具体如何制作，一起往下看吧！
如何利用平滑
做出酷炫的设计效果？

图片平滑切换

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

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

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

这些效果非常实用，而制作起来也相对简单。在这里，三顿要给大家详细分享的是这样两种动画效果。
▼ 剪裁动画
PPT的剪裁功能配合平滑，可以制作出这样的效果：

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

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

怎么样？够简单，够酷炫吧？剪裁配合平滑功能还能做出这样的图片缩放效果：

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

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

完成后点添加平滑效果即可，需要注意的是，剪裁时将纵横比设置为一比一即可保证圆为正圆，缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。
应用场景超多！除了直接使用外，还可以利用这个方法制作页面间得转场效果，大家不妨可以自己动手尝试一下~

▼ 放大镜动画
锤子科技发布会上非常经典的放大镜动画，也可以用平滑功能制作。三顿就制作了这样一个案例：

制作方法，首先准备两个完全相同的页面，作为初始页和最终页：

第二步，在初始页面复制原图，将其等比例进行放大：

第三步，点击剪裁，将剪裁选区适当的拉伸放大：

第四步，在图片后添加两个完全相同的圆形，分别代表放大的起始和最终位置。添加后，选中第一个圆形和大图，执行合并形状-相交操作。

第五步，在网上找一个放大镜的图片素材，与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。

第六步，同样的方法处理刚才右侧的圆形，摆放到最终页面上原图右侧的位置。

完成后为最终页面添加平滑效果即可，制作方法要相对复杂一些，建议大家在看完文章之后自己动手尝试一下~

文字平滑切换

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

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

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

同样关于文字的平滑切换，三顿也要向你详细介绍两种酷炫的效果！
▼ 数字切换动画
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐，在大型的品牌发布会中也有使用。

制作方法，第一步，在初始页面添加六个文本框（根据具体数值调整），纵向输入0-9的数字，

第二步，处理第一个文本框，复制文本框将其粘贴为图片，并调整粘贴后的图片大小，使其与原文本框重合。

第三步，点击剪裁按钮，调整剪裁选区，只保留第一个数字。随后复制一页，同样点击剪裁，按住Shift调整剪裁选区，只保留最后一个数字。

用相同的方法处理其他几列数字，再为第二页添加平滑效果即可完成。
▼ 文字拆分动画
在之前的文章中，三顿给大家分享过“拆分字”的文字效果，这种静态的效果也可以加上动画！

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

当然也可以使用口袋动画插件，插件中直接就有文字拆分的功能，一键拆分文字。拆分后进行相应的排版即可。

其次是添加切换效果，对初始页面中需要移动的笔画进行重命名，复制新的一页，移动笔画的位置，添加新的文字后对第二页添加平滑效果即可。

形状平滑切换

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

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

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

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

以上就是有关平滑效果的完整介绍，简单给大家做个总结：

除了效果酷炫外，平滑效果其实有很多的应用场景，比如文字切换、页面转场：

比如介绍产品时，可以突出产品放大的特征：

方便大家动手练习，文章中用到的案例源文件和四十多张演示动图都给大家做了打包：

推荐资源：

来源：http://www.yidianzixun.com/article/0MHFCMpt
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

账号		自动登录	找回密码
密码			立即注册

一键生成发布会级动画，这可能是PPT中最好用的动画功能！

本帖子中包含更多资源

浏览过的版块