京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10200|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
4 u" i9 ?. F+ f* y; i* P
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:# B4 J8 N2 d$ X' E* i6 `

# v, g& w' \5 w- k. Z: w& C
$ z/ W6 Q6 o, }; h) A' P: R8 r  m0 H再比如锤子科技发布会上这个非常经典的放大镜动画:
1 {1 N9 O) B% b* }! ~8 E5 A# y  z6 x  m( I7 [( z' z  ]
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!6 W- B7 u2 `5 F1 W6 `2 u. n
需要用到的是切换选项卡中的平滑效果。
6 Z- ~. l5 p" N$ V- I8 m6 y4 H1 Y5 \/ T5 U4 u
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!" Z' f, ]. g1 e- w# f! T0 z
文章很长,在这里也给大家准备了一个目录:( a4 ?' C6 `7 \4 G; A: X# w
6 O, y# T8 r. ^4 R
平滑效果的原理与作用/ W/ C( k9 n3 P* k7 N* I
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡。
. t$ U/ l* Z$ k觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。! w8 }% n3 A% s; E4 e
9 Q5 Y0 g# g0 J9 {2 U" U  w
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡。1 B9 E$ B; X& O8 F; b

6 ]4 u& p* \6 J) Y* _除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。4 u% U% m; ^2 |" L

1 A8 m, W/ \3 |
5 m0 |! I. \* F9 G. M4 t% b是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。8 _4 O/ N  A) v+ w" c
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。/ e+ d" D( V; M( M& {. k6 T# x! O

8 r" y  C' U6 K3 I3 c6 Z# D怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
' [( a2 a5 S9 |操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同。% {1 P6 i  l4 h& I2 E; ?9 |: f

0 f8 k7 K& C( Y  u& p通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。( C1 n8 ~; N: z5 U

& H: k( _) Q0 j5 W, l1 Z7 f不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。. ^7 y# H+ ~9 d! R4 \- \1 C' m
  W# D$ h% O) |' c" B% P& ], m
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
2 L9 m. p3 y# U' V) C. {/ ^8 K( A
而重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
7 R4 ^1 q3 M& Q9 p7 }. u# ~3 V$ N7 Z3 [$ S- u  R. ?2 q
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
2 j; u$ Z( b' g
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
' l6 {. d5 C( e  J一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
1 X! u6 t9 v% A5 m& [$ _1 q+ \' }2 y3 H2 c4 X% D
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。- J5 t' S2 {/ q' ^
6 N/ M; b# J1 A& O: J, d
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
3 p) `. _9 M6 R, ?
9 i* E+ N4 W/ ^+ r6 L9 ]8 M2 Q& J# D二是可以制作出酷炫的设计效果,不多说,直接看案例!( r7 W# i0 u% ]
2 O* {7 i: L4 f3 a

" V  b* }3 w9 t. @- ~7 G; {
' B7 {$ o# s$ ~) a7 x% |" T8 T这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
0 N' i, F, v- t9 {/ Q% w如何利用平滑
0 y. y1 l3 b! y& }4 y做出酷炫的设计效果?
% J6 X0 h+ g( R, v# w% a8 O
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。7 B: O5 _8 G, p

; D; H6 t$ E: s+ C, l6 R$ j又或者是改变图片的位置,生成平滑切换动画:  w/ ^1 u$ L! b9 \( R- G! z' @+ I

5 O8 o/ a$ j; z) F
* F+ q: H* _5 [9 t  G/ X  L( s关联元素,还能做出这种图片来回切换的轮播效果:. R! M1 {* ^  r" D( o

( d; W. _8 c+ r: U: ?, C. K1 [7 E4 h这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。2 t. R% U' y- [4 Z0 I
▼ 剪裁动画
$ {4 w& Z" }* d2 I" i# m0 fPPT的剪裁功能配合平滑,可以制作出这样的效果:& `& H9 U" d$ W  T+ y& t" T
/ X) A9 _' _, U, ?6 K
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分。
4 W3 s$ ~* d& b& p$ n2 V6 C6 O( z: o
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
1 M: E' e' _- r- q* L$ E! U
* H7 X$ y8 O3 k' r怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:/ O$ c" \# Z- T0 X

3 t% b1 l/ A! i0 b5 b制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。1 |6 P6 A8 k# E) ^

& u/ g6 ]9 F9 E% a" N+ D然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
0 Y( M$ e' }# p3 F. J+ ~, S
% G( R6 x1 S2 }完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。
6 D+ r$ [( L  `" r& N' z应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
: x  \; _# v/ I' G4 J
  X3 ^! n2 Y1 S! X2 c▼ 放大镜动画
/ E  m0 ?2 ~2 a; e  Z0 {  |+ z( r锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:* B- ^1 J, k$ m5 a' B8 m

8 o! a4 B9 a6 \" ]制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
: l, m% M- j* Z1 R2 P6 A
% E9 T3 H: U& [* H' t) d第二步,在初始页面复制原图,将其等比例进行放大:
) x" G( j* x3 L; x$ @- J: Q/ Z9 t: y; d6 v' H
第三步,点击剪裁,将剪裁选区适当的拉伸放大:6 N7 c. I. o# }& H/ i/ W; |
, V5 L4 g' n* k# B' n
第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作。
% @' }$ m5 V2 }8 W4 S" I) |6 K
; }$ N, J7 r& x1 K第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。: V( K; e: r, _7 \# k
% W# w. I) Z0 i  ]
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
! M0 L1 T. e+ T, ^' X8 \" s9 e" `- v! @: J+ Q2 P
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
5 H  O! u! O' U1 C6 f1 D
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果,最基础的,是切换文字的大小、颜色和位置等等:
# }, K# {5 D  y, I* B" t2 v3 Y4 O2 t& W3 }
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。) a  k' e0 A% P2 G

+ I- W( ]3 @( l: O: k8 w实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:. Y) ]2 {6 |4 \+ {

. R: c; d0 x5 n! P同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
, z/ X, j0 I5 t" T▼ 数字切换动画
9 F. F1 a6 F! X6 t: y5 w. |& v下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。+ K$ u2 ]9 b  [$ ?! ]
" r% h) y; z7 u/ v  t/ c* p
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,7 P6 l! q6 I# z2 t- G! I8 P

4 `8 `9 s# l! F& E第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。4 F) h; r* j3 ?6 g% e7 h: }

3 p$ t/ ~2 n9 o  L; L第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
: J8 ?) n( m2 S0 t% b7 _+ U
/ U$ _$ [# z+ }/ B0 _! |$ N用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。" O: t& X* c8 l/ |% w. |
▼ 文字拆分动画
6 k  P6 U, V7 }在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!9 c) s! i7 e- U

4 H6 r5 `  k7 U) W, x' n制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。! r$ v9 y- F' [7 y" U( B/ A9 b5 g
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
0 ?2 a5 Z4 B* }3 z' U: d+ @
9 Z, O* P8 P/ J8 D  P其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。2 \3 p2 o' c2 G3 E- q
5 a' f. U/ }5 h/ q

% f7 V8 D: h( F& ^; D; Z5 }
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:$ T3 \8 q1 Q4 f6 A& i' q

) u" D- |! S/ E' b8 r7 T" ^制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。. d+ F- c2 C+ l# F! P
/ M7 G! h! t* f- N7 ]5 ?/ `
再比如这种图片“变形”的效果,用到的也是平滑功能:: D5 ^) V; ^7 d

& _/ E5 y" U0 b, d. g制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。' [6 @% _: q( @6 p$ I4 m9 @
& ~( a, B+ J: F4 Z  J
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
: c( u0 k. H, d  q; h7 c
  M  Z# b0 b2 T! D* \除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场:: \, T4 k; E7 _* U
( Z" H8 g- F) \0 v6 X% M

. |1 M, x: a$ z& z( _9 _6 K) a( }" \8 h比如介绍产品时,可以突出产品放大的特征:* z& Y$ H+ c0 k3 z
3 S9 N; r* O( O: S+ p, L/ L
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
2 M# J9 T/ b2 G; e' V0 f7 f  X8 a6 A
推荐资源:" q" p1 |& U* ^2 E, t$ m; Z, q
+ ^# D: p2 `- H
+ E7 x* V5 |4 M
- C" g8 X( k0 f
来源:http://www.yidianzixun.com/article/0MHFCMpt. J% k+ W" J3 w
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

帖子地址: 

梦想之都-俊月星空 优酷自频道欢迎您 http://i.youku.com/zhaojun917
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2026-10-15 19:41 , Processed in 0.039273 second(s), 25 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表