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

uutk

* f9 e8 y7 T/ U6 b/ p, j  j三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果，比如前阵子苹果春季发布会上的这组转场动画：
4 z7 k( y+ ~9 Q% k" N# k

1 j$ }2 H1 O0 s6 {' S3 d8 G7 z再比如锤子科技发布会上这个非常经典的放大镜动画：

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

什么是平滑效果，它又是如何实现这些超酷炫的动画的，这篇文章给大家做一个完整的分享！
2 E2 j2 m7 E) n9 R) T# }; ]文章很长，在这里也给大家准备了一个目录：
! K9 B, v4 i: q' r
平滑效果的原理与作用
0 n- J5 {1 ]/ V) _6 Y

什么是平滑效果

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

此时，在切换选项卡给页面二添加一个平滑效果，就能实现由A到B的平滑过渡。
- c* k- I. V8 q$ e
$ \5 Y/ m: A, p2 H) g5 z除了案例中的颜色过渡外，使用平滑效果还能实现元素大小、位置的过渡。


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

元素的强制关联

三顿，看了前面这么多案例，是不是要同一个元素才能使用平滑效果？尝试一下，如果在两个页面上放置不同元素，我们会发现两者并不能实现平滑的过渡。
* Z1 H; h- B1 e! z3 |
怎么办呢？我们需要将元素强制关联，让软件将两者识别为同一元素。
/ e" V! p" R& o% D& v( B- v, ]操作方法是打开选择窗格，元素名称处双击，以“!!+名称”的方式对元素进行命名。感叹号为英文半角，而两个元素的名称要保证相同。
, ]! Q! k" A8 J" E* n5 W! B( E7 A
通过这种方式强制关联元素后，再去使用平滑效果，就能实现两者的平滑过渡。

+ w3 S9 v% ]4 d3 Z% E不仅是形状元素，不同的图片、文字等元素都可以用这个方法进行强制关联。
, e1 B  C  I+ B
0 j8 S( W7 f% P2 x除了对两个元素进行关联外，在元素较多时也能使用！比如制作开头那个圆形合并的效果，直接使用平滑无法实现。
. b% n/ b+ l; s6 J) ]
而重命名元素后再使用平滑效果，就能完成多元素的平滑过渡。

3 b# y% _" }& T6 o- X/ D! B是的，在页面元素较多的情况下，重命名的方法可以强制关联元素，精确定位哪几个元素之间进行平滑切换。
+ G4 Z% [/ `8 }4 e

平滑效果有什么用？

原理明白了，那这个功能在日常PPT制作中具体有什么作用呢？三顿觉得主要有这样两个。
1 ^/ D! J& Z8 N3 ^" Z一是可以简化动画操作，提升制作效率。以下面这页的动画效果为例：
4 C& [% T5 }! t" Q
原本实现这个效果，我们需要在动画选项卡，为元素添加路径、淡出等效果，操作麻烦。
; e$ @, M/ p# i4 _. S) Y+ a
" E2 S8 G( t1 W- O/ k而使用平滑效果，我们只需要在两个页面上调整好元素的位置，一键就能傻瓜式的生成动画效果。
2 [+ f3 `( M6 u, [9 G$ O- M
  V5 E1 S0 k! z! s/ k# ?二是可以制作出酷炫的设计效果，不多说，直接看案例！


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

图片平滑切换

利用平滑功能，可以实现一些基础的图片切换效果，比如对图片进行放大。
7 w, K6 e1 t' m1 K3 ~0 b
又或者是改变图片的位置，生成平滑切换动画：


) [3 V8 M# W4 }. ~3 M5 T/ f关联元素，还能做出这种图片来回切换的轮播效果：

1 Z- z% `  J7 J这些效果非常实用，而制作起来也相对简单。在这里，三顿要给大家详细分享的是这样两种动画效果。
* I9 X7 y& a* h: v1 G3 Q9 Z▼ 剪裁动画
: R" f/ e2 W4 M' S. `8 V5 KPPT的剪裁功能配合平滑，可以制作出这样的效果：
) n5 f1 ^" E# u7 t
制作方法，准备两个放着完全相同图片的页面，首先处理第一页，将图片铺满屏幕后，利用剪裁功能裁出图片最左侧的部分。
6 H8 W% n& C/ c& d
相同方法处理第二页，保留出图片最右侧的部分，接着只需要给第二页添加平滑效果即可。
' S! q* z7 p, ~" B% O8 g) |4 P
怎么样？够简单，够酷炫吧？剪裁配合平滑功能还能做出这样的图片缩放效果：

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

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

& v. d" C0 v8 A0 Y完成后点添加平滑效果即可，需要注意的是，剪裁时将纵横比设置为一比一即可保证圆为正圆，缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。
. [3 r9 G) u( h7 U8 k4 e8 }/ ?; |应用场景超多！除了直接使用外，还可以利用这个方法制作页面间得转场效果，大家不妨可以自己动手尝试一下~

▼ 放大镜动画
  {5 x2 C* |$ l3 E- `4 [; E锤子科技发布会上非常经典的放大镜动画，也可以用平滑功能制作。三顿就制作了这样一个案例：
) c$ L( {4 w1 u. t# w2 Y
) }7 N+ s9 E: \  A% k制作方法，首先准备两个完全相同的页面，作为初始页和最终页：

第二步，在初始页面复制原图，将其等比例进行放大：
+ g4 b7 v( B8 @) c  ]
) W- R1 s+ C# r$ N" ]1 t: O/ i. j第三步，点击剪裁，将剪裁选区适当的拉伸放大：

第四步，在图片后添加两个完全相同的圆形，分别代表放大的起始和最终位置。添加后，选中第一个圆形和大图，执行合并形状-相交操作。
: ]2 A3 x) z: U$ J2 m) ^( _
7 i: [) Y* _' B第五步，在网上找一个放大镜的图片素材，与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。
# r( y& t" n* k/ M+ E, p
; X1 u7 c. \% ^第六步，同样的方法处理刚才右侧的圆形，摆放到最终页面上原图右侧的位置。
  b7 ]# ~; C7 }& f0 n# J
8 c' V$ d0 `8 f% G$ D0 n4 C% v完成后为最终页面添加平滑效果即可，制作方法要相对复杂一些，建议大家在看完文章之后自己动手尝试一下~
  L2 L; v6 e" {2 T

文字平滑切换

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

) M, i# A; D. w- I1 k稍难一点，在平滑的效果选项中，选择“按文字”，可以对文字或单词的增减添加平滑效果。
3 }$ ]$ y( P* W8 b: b' F
* w( S; f) Z7 f5 L实际应用，不管是内容页还是目录页，平滑都能节省大量时间，通过摆放位置就能做出像这样的转场效果：
0 T7 b( i' x/ O" |. v8 @! ]6 d8 y* Q  S
同样关于文字的平滑切换，三顿也要向你详细介绍两种酷炫的效果！
. @2 _% w! I, v. w0 R▼ 数字切换动画
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐，在大型的品牌发布会中也有使用。
# a7 b, k& t0 M$ @$ f( k
6 m. [8 J5 q7 [2 c! V制作方法，第一步，在初始页面添加六个文本框（根据具体数值调整），纵向输入0-9的数字，
  u' V# X+ u$ V5 r* C+ c. w
第二步，处理第一个文本框，复制文本框将其粘贴为图片，并调整粘贴后的图片大小，使其与原文本框重合。

第三步，点击剪裁按钮，调整剪裁选区，只保留第一个数字。随后复制一页，同样点击剪裁，按住Shift调整剪裁选区，只保留最后一个数字。
- S+ X/ _: k2 r+ h
用相同的方法处理其他几列数字，再为第二页添加平滑效果即可完成。
▼ 文字拆分动画
在之前的文章中，三顿给大家分享过“拆分字”的文字效果，这种静态的效果也可以加上动画！
* q4 E) I1 S3 I9 Q0 j5 Q: }8 t+ o& o
制作方法，首先是制作拆分字，新建一个矩形，置于文字上方。然后全选，在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素，就能将文字拆分开来。
当然也可以使用口袋动画插件，插件中直接就有文字拆分的功能，一键拆分文字。拆分后进行相应的排版即可。

其次是添加切换效果，对初始页面中需要移动的笔画进行重命名，复制新的一页，移动笔画的位置，添加新的文字后对第二页添加平滑效果即可。
4 w8 h! [$ _9 T8 W8 W6 O' e- G/ v- ]
4 T5 q' o3 F( o
+ R6 L( J; X3 L# }8 f# e; L  S8 }

形状平滑切换

除了文字和图片外，形状也能应用大量的平滑切换效果！比如苹果发布会中用到的多个形状合并的效果：
& G8 `# [8 q: ]- W
8 j4 {0 Z* J) M, L; Z# y  e7 Q制作起来特别简单，在初始页和最终页摆放好形状与文字的位置，使用重命名的方法强制关联元素，再添加平滑效果即可。
8 z, K8 n6 `/ X
7 x' s3 ?" _0 P1 p4 ]% a再比如这种图片“变形”的效果，用到的也是平滑功能：

. {0 h5 e/ L: W, S# V制作需要用到口袋动画插件，准备好初始页和最终页的图片后，分别对两张图片执行矢量工具中的形图互转和自由形状操作，再为最终页添加平滑效果即可。
6 P1 ^) |0 H) W! p: @5 n
9 y# U; k2 N$ g; N) m& }以上就是有关平滑效果的完整介绍，简单给大家做个总结：

- \$ g( W$ g7 F除了效果酷炫外，平滑效果其实有很多的应用场景，比如文字切换、页面转场：
. [! ?# S8 q, f' W

比如介绍产品时，可以突出产品放大的特征：
& |( M1 Q0 J* i' {! h4 W+ _
& f  {& P8 U. c7 U  P方便大家动手练习，文章中用到的案例源文件和四十多张演示动图都给大家做了打包：
0 |6 j# ^* x6 p, Z
6 Q, s& _5 E" e( V推荐资源：


! O; b! Q7 D3 e% B/ ^  N6 ^
8 ~# X+ i5 {9 O0 G- i, n来源：http://www.yidianzixun.com/article/0MHFCMpt
1 K1 y& I& X: G免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！