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

uutk

. f1 F4 a8 T# w2 |- k三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果，比如前阵子苹果春季发布会上的这组转场动画：
4 C, E! l9 }- }, E2 n$ {5 ^
8 y1 U) W, K/ U' }( T
. _5 n  f- f/ z% j再比如锤子科技发布会上这个非常经典的放大镜动画：

( ^1 w( E  h9 ^这么酷炫的动画，做起来一定特别复杂吧？完全不会，甚至用PPT一键就能搞定，而且小白也能掌握！
需要用到的是切换选项卡中的平滑效果。
& y# ]# ?8 s2 }4 E
什么是平滑效果，它又是如何实现这些超酷炫的动画的，这篇文章给大家做一个完整的分享！
! J# x) K# ?2 K2 U& ?文章很长，在这里也给大家准备了一个目录：
0 x9 K  q" z+ h3 }
$ Q+ m1 t9 _; a+ a4 e, E* G! A6 k平滑效果的原理与作用

什么是平滑效果

平滑是一种页面与页面间的切换效果，而具体的效果和之前给大家介绍的补间动画类似，可以实现元素间的平滑过渡。
3 X" c1 S+ l$ ^# [3 J觉得特别抽象？我在这里给大家举个例子，假设A为元素的初始状态，位于页面一，B为元素的最终状态，位于页面二。
* h( E) R- g- K) p
此时，在切换选项卡给页面二添加一个平滑效果，就能实现由A到B的平滑过渡。
2 P. O7 ~- f; ?* `8 V2 c
1 |3 D* {! g! e' I6 b2 C! x除了案例中的颜色过渡外，使用平滑效果还能实现元素大小、位置的过渡。
7 _; E: j: @5 U
/ ^* v. o6 T+ y0 n4 I; _& j
  u' f# e: T: W* L是的，只需要在页面一设定元素的初始状态，页面二设定元素的最终状态，不管是颜色、大小甚至是位置，平滑功能都能帮我们生成过渡效果。

元素的强制关联

三顿，看了前面这么多案例，是不是要同一个元素才能使用平滑效果？尝试一下，如果在两个页面上放置不同元素，我们会发现两者并不能实现平滑的过渡。
+ ?0 y8 v- t8 z+ Z' O
怎么办呢？我们需要将元素强制关联，让软件将两者识别为同一元素。
操作方法是打开选择窗格，元素名称处双击，以“!!+名称”的方式对元素进行命名。感叹号为英文半角，而两个元素的名称要保证相同。

通过这种方式强制关联元素后，再去使用平滑效果，就能实现两者的平滑过渡。
7 }9 q: X5 H, R7 u
不仅是形状元素，不同的图片、文字等元素都可以用这个方法进行强制关联。

除了对两个元素进行关联外，在元素较多时也能使用！比如制作开头那个圆形合并的效果，直接使用平滑无法实现。
3 d( y2 P; t: v7 g0 I& j! Y
" X  A1 V1 i2 D/ z8 }. e7 E9 y而重命名元素后再使用平滑效果，就能完成多元素的平滑过渡。

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

平滑效果有什么用？

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

) m; p4 I  k6 j) D  f& s原本实现这个效果，我们需要在动画选项卡，为元素添加路径、淡出等效果，操作麻烦。
; ~. \: a- ~8 r
/ V9 O0 T' x5 |( V  N8 i而使用平滑效果，我们只需要在两个页面上调整好元素的位置，一键就能傻瓜式的生成动画效果。

6 w$ L- Y! c5 m8 X( k二是可以制作出酷炫的设计效果，不多说，直接看案例！

) v' j( E4 j- E- }+ K( G

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

图片平滑切换

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

& J" T6 o& W; `又或者是改变图片的位置，生成平滑切换动画：


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

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

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

; `0 I& f9 s( n. W6 E相同方法处理第二页，保留出图片最右侧的部分，接着只需要给第二页添加平滑效果即可。

6 X" D( [4 x( ~# {怎么样？够简单，够酷炫吧？剪裁配合平滑功能还能做出这样的图片缩放效果：

4 D; N& z& P) Z& q5 n* j制作方法，首先在第一页上放置图片，保证图片的大小溢出画布，然后选中图片，将图片剪裁为圆形。

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

完成后点添加平滑效果即可，需要注意的是，剪裁时将纵横比设置为一比一即可保证圆为正圆，缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。
7 ^. R2 Y, z5 G& n2 V: k2 t- c应用场景超多！除了直接使用外，还可以利用这个方法制作页面间得转场效果，大家不妨可以自己动手尝试一下~
. V$ E) o) s/ |9 a( y
' o3 Z5 h; x  ~) @+ x" H1 A▼ 放大镜动画
- r' ~6 I2 @5 m0 n: C9 r锤子科技发布会上非常经典的放大镜动画，也可以用平滑功能制作。三顿就制作了这样一个案例：
3 S& H0 B, N1 |2 J" c8 L/ K! }; ~
制作方法，首先准备两个完全相同的页面，作为初始页和最终页：

' h. V& c) y$ k# Z/ e第二步，在初始页面复制原图，将其等比例进行放大：
4 s2 U/ E5 }9 c- c" x
第三步，点击剪裁，将剪裁选区适当的拉伸放大：

第四步，在图片后添加两个完全相同的圆形，分别代表放大的起始和最终位置。添加后，选中第一个圆形和大图，执行合并形状-相交操作。
' E9 ^  [! l8 d! I; K/ _& ~8 i
' N* g- f9 y- D" S2 Y* S  l$ G4 |第五步，在网上找一个放大镜的图片素材，与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。

, x0 t5 Z% T2 D# K% x第六步，同样的方法处理刚才右侧的圆形，摆放到最终页面上原图右侧的位置。
" q6 b- H! R3 k0 o
完成后为最终页面添加平滑效果即可，制作方法要相对复杂一些，建议大家在看完文章之后自己动手尝试一下~
( Z4 q/ z" n: l6 R( r

文字平滑切换

使用平滑功能，还能实现很多与文字相关的动画效果，最基础的，是切换文字的大小、颜色和位置等等：
: y1 L, v+ m1 D# Z
0 _+ ?' l: z+ _7 ?稍难一点，在平滑的效果选项中，选择“按文字”，可以对文字或单词的增减添加平滑效果。
4 |0 T3 q2 n6 E: X+ I
3 }5 a5 ~3 n1 q4 z( o7 z  F实际应用，不管是内容页还是目录页，平滑都能节省大量时间，通过摆放位置就能做出像这样的转场效果：

; U+ B9 X1 [4 C# ]: B- X4 r同样关于文字的平滑切换，三顿也要向你详细介绍两种酷炫的效果！
▼ 数字切换动画
3 j  M; z$ ]7 R# x6 G; g下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐，在大型的品牌发布会中也有使用。

; U0 v7 j# K/ k6 o3 T: Z0 g制作方法，第一步，在初始页面添加六个文本框（根据具体数值调整），纵向输入0-9的数字，
# \7 a% `- f2 }5 a' s5 Z7 U4 X
第二步，处理第一个文本框，复制文本框将其粘贴为图片，并调整粘贴后的图片大小，使其与原文本框重合。

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

( ]3 W* d. x6 i. ]" p; K& @用相同的方法处理其他几列数字，再为第二页添加平滑效果即可完成。
6 i& G. i9 ?, f# d% D▼ 文字拆分动画
在之前的文章中，三顿给大家分享过“拆分字”的文字效果，这种静态的效果也可以加上动画！
  L- Q3 z! F* P2 H4 q$ U
/ E% g. Y! h* E制作方法，首先是制作拆分字，新建一个矩形，置于文字上方。然后全选，在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素，就能将文字拆分开来。
当然也可以使用口袋动画插件，插件中直接就有文字拆分的功能，一键拆分文字。拆分后进行相应的排版即可。
2 ^  T% E/ z8 {, ^' m0 b' C
其次是添加切换效果，对初始页面中需要移动的笔画进行重命名，复制新的一页，移动笔画的位置，添加新的文字后对第二页添加平滑效果即可。
& c: S1 P/ e. I! w
6 P/ X7 \1 Y) v& `4 y  R1 x7 x

形状平滑切换

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

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

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

& Y" @3 Z6 I2 x: g  Q1 g: D: Y制作需要用到口袋动画插件，准备好初始页和最终页的图片后，分别对两张图片执行矢量工具中的形图互转和自由形状操作，再为最终页添加平滑效果即可。
7 ~- i8 b7 E2 j. L) l0 K$ L) t+ X
以上就是有关平滑效果的完整介绍，简单给大家做个总结：

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


比如介绍产品时，可以突出产品放大的特征：
5 j6 D& b8 C/ A1 @4 u
1 o: U; o! J- W方便大家动手练习，文章中用到的案例源文件和四十多张演示动图都给大家做了打包：

推荐资源：
  \8 C2 @6 ]8 T# U, G  J* f

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