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

uutk

三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果，比如前阵子苹果春季发布会上的这组转场动画：
6 l, p/ n0 J" W4 T$ [( n

) f8 k. H. m/ ^8 v! M8 Q$ x4 b  n1 u再比如锤子科技发布会上这个非常经典的放大镜动画：

* R0 L& _3 J& b  q" z! A8 w$ L这么酷炫的动画，做起来一定特别复杂吧？完全不会，甚至用PPT一键就能搞定，而且小白也能掌握！
3 H9 A7 D# w/ Q8 k需要用到的是切换选项卡中的平滑效果。

什么是平滑效果，它又是如何实现这些超酷炫的动画的，这篇文章给大家做一个完整的分享！
' t& @, A3 ?2 i/ ~6 k% F: R* i: f! m文章很长，在这里也给大家准备了一个目录：

平滑效果的原理与作用
' b0 z4 v& A7 d" S! E

什么是平滑效果

平滑是一种页面与页面间的切换效果，而具体的效果和之前给大家介绍的补间动画类似，可以实现元素间的平滑过渡。
觉得特别抽象？我在这里给大家举个例子，假设A为元素的初始状态，位于页面一，B为元素的最终状态，位于页面二。
, w0 ^  j5 L# O6 O: i5 ?7 b1 d
此时，在切换选项卡给页面二添加一个平滑效果，就能实现由A到B的平滑过渡。

4 D1 j% }. s) L+ _除了案例中的颜色过渡外，使用平滑效果还能实现元素大小、位置的过渡。
" r, v, z- p$ q- C; O% u# z
, T* @' E/ B; B: E7 s* d. a
8 o6 z- O6 s# N4 `. G$ U% o7 y是的，只需要在页面一设定元素的初始状态，页面二设定元素的最终状态，不管是颜色、大小甚至是位置，平滑功能都能帮我们生成过渡效果。
3 `% ?  k" f, H3 G# d$ \  M

元素的强制关联

三顿，看了前面这么多案例，是不是要同一个元素才能使用平滑效果？尝试一下，如果在两个页面上放置不同元素，我们会发现两者并不能实现平滑的过渡。
. t- S& L. v9 h( T* R# B: _: n3 X
  `$ Q+ _3 e+ ]* r( y+ L( {怎么办呢？我们需要将元素强制关联，让软件将两者识别为同一元素。
操作方法是打开选择窗格，元素名称处双击，以“!!+名称”的方式对元素进行命名。感叹号为英文半角，而两个元素的名称要保证相同。

/ S: W9 \+ f" }) ?3 f通过这种方式强制关联元素后，再去使用平滑效果，就能实现两者的平滑过渡。

& _% ~" }, k; l- `不仅是形状元素，不同的图片、文字等元素都可以用这个方法进行强制关联。
) Y8 q6 c5 ^5 x# ?
除了对两个元素进行关联外，在元素较多时也能使用！比如制作开头那个圆形合并的效果，直接使用平滑无法实现。
) I+ Y$ [6 ~5 K( U9 L# `% w( L" Y
而重命名元素后再使用平滑效果，就能完成多元素的平滑过渡。

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

平滑效果有什么用？

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

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

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

6 }, l- V( f5 ], j% y二是可以制作出酷炫的设计效果，不多说，直接看案例！

* X' g) r$ ]+ F# k- `; o% y! a6 U
  j4 F/ ^  z1 m1 }  b; ]
" E/ u$ {( x  C8 }" }0 i2 V这些动画效果可都是利用平滑功能制作出来的，在三顿的公众号回复关键词“平滑”可以直接获取源文件，而具体如何制作，一起往下看吧！
% j# U% N3 Q4 s, O1 l( @: d$ Y如何利用平滑
做出酷炫的设计效果？

图片平滑切换

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

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


2 \4 X. }5 W0 i& c. {5 T关联元素，还能做出这种图片来回切换的轮播效果：
( ]4 [6 ?% ~' b% o4 j3 \4 m* R
8 U2 ]1 ~& C, z) e" T$ o这些效果非常实用，而制作起来也相对简单。在这里，三顿要给大家详细分享的是这样两种动画效果。
▼ 剪裁动画
PPT的剪裁功能配合平滑，可以制作出这样的效果：
3 a/ L( y8 Y, j8 m( K+ U
) P$ @5 W7 {3 A制作方法，准备两个放着完全相同图片的页面，首先处理第一页，将图片铺满屏幕后，利用剪裁功能裁出图片最左侧的部分。
6 Q6 c  x1 e6 w+ C) q
相同方法处理第二页，保留出图片最右侧的部分，接着只需要给第二页添加平滑效果即可。

) @- F1 S0 k& v: k4 N怎么样？够简单，够酷炫吧？剪裁配合平滑功能还能做出这样的图片缩放效果：

8 g( H% x( \, e) M制作方法，首先在第一页上放置图片，保证图片的大小溢出画布，然后选中图片，将图片剪裁为圆形。

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

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

▼ 放大镜动画
( H  h' @3 I( a  B$ J6 j锤子科技发布会上非常经典的放大镜动画，也可以用平滑功能制作。三顿就制作了这样一个案例：
: _$ R- l$ Q4 g
制作方法，首先准备两个完全相同的页面，作为初始页和最终页：
' b6 K$ v) {; u2 U$ d
第二步，在初始页面复制原图，将其等比例进行放大：

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

第四步，在图片后添加两个完全相同的圆形，分别代表放大的起始和最终位置。添加后，选中第一个圆形和大图，执行合并形状-相交操作。
* ]! D6 q6 ]$ P" h' S. `" ^: l
第五步，在网上找一个放大镜的图片素材，与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。
! o, v! M4 C& T  Q1 Y9 m( Z
第六步，同样的方法处理刚才右侧的圆形，摆放到最终页面上原图右侧的位置。
! Q7 j1 d. }" W/ y/ [% t9 N
完成后为最终页面添加平滑效果即可，制作方法要相对复杂一些，建议大家在看完文章之后自己动手尝试一下~

文字平滑切换

使用平滑功能，还能实现很多与文字相关的动画效果，最基础的，是切换文字的大小、颜色和位置等等：
% M+ E  X: p& C8 ~/ v& T! h
稍难一点，在平滑的效果选项中，选择“按文字”，可以对文字或单词的增减添加平滑效果。
8 X! A% `2 |: F! O6 H( X- [
' B- w( P: \0 _* v+ |( A* v) b实际应用，不管是内容页还是目录页，平滑都能节省大量时间，通过摆放位置就能做出像这样的转场效果：
) O/ s3 |( Q, \: D% ]0 ~& _% ^2 y) P  {
( j% Y1 Z8 ~% w* U/ @: @$ B同样关于文字的平滑切换，三顿也要向你详细介绍两种酷炫的效果！
▼ 数字切换动画
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐，在大型的品牌发布会中也有使用。

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

第二步，处理第一个文本框，复制文本框将其粘贴为图片，并调整粘贴后的图片大小，使其与原文本框重合。
- H  R! p: T) ], V
, Y, ?5 G& z" N6 @5 [第三步，点击剪裁按钮，调整剪裁选区，只保留第一个数字。随后复制一页，同样点击剪裁，按住Shift调整剪裁选区，只保留最后一个数字。
) l" i" _7 Z( i: V1 Q
用相同的方法处理其他几列数字，再为第二页添加平滑效果即可完成。
▼ 文字拆分动画
在之前的文章中，三顿给大家分享过“拆分字”的文字效果，这种静态的效果也可以加上动画！

. p$ K* E. d, r9 M3 Q3 F制作方法，首先是制作拆分字，新建一个矩形，置于文字上方。然后全选，在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素，就能将文字拆分开来。
当然也可以使用口袋动画插件，插件中直接就有文字拆分的功能，一键拆分文字。拆分后进行相应的排版即可。

. K$ I. B. Z3 y# ~) R* @: q7 j* g其次是添加切换效果，对初始页面中需要移动的笔画进行重命名，复制新的一页，移动笔画的位置，添加新的文字后对第二页添加平滑效果即可。
/ K1 l' ~/ c3 O/ i, w
( w" L* M0 x3 i  r3 J& S5 d
) a* W, W/ Z2 A# w& Q% I+ N1 M

形状平滑切换

除了文字和图片外，形状也能应用大量的平滑切换效果！比如苹果发布会中用到的多个形状合并的效果：
# _- m3 N1 `0 ~/ M" p# b) e9 ]
$ k  U( G( k9 e) h3 J制作起来特别简单，在初始页和最终页摆放好形状与文字的位置，使用重命名的方法强制关联元素，再添加平滑效果即可。

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

$ z& I8 ]8 [5 `3 [制作需要用到口袋动画插件，准备好初始页和最终页的图片后，分别对两张图片执行矢量工具中的形图互转和自由形状操作，再为最终页添加平滑效果即可。
( F: h/ m+ ~. z- `7 l! z' U
以上就是有关平滑效果的完整介绍，简单给大家做个总结：
# v7 I+ o2 ?6 ]: I6 Y( c' t1 E
5 n9 ]; g- A% ^! Y( m7 `) x除了效果酷炫外，平滑效果其实有很多的应用场景，比如文字切换、页面转场：

: g) X* V; C- d+ b- H
, d& k; \9 `# D# E: z$ }比如介绍产品时，可以突出产品放大的特征：

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

( B9 }1 T' ~3 @推荐资源：

3 T! W0 u: ]& i' B

& _: ~/ ^2 c% n& S0 c, A来源：http://www.yidianzixun.com/article/0MHFCMpt
9 v, s' q! F% ^* U9 c免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！