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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10034|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国

5 e$ W* I$ Y$ z# |& T3 Z: I+ M三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
+ d; v0 G) c& Z+ v! n7 j
# @% P: E! ]% M" E" O) Y& B- `! G; w2 ?. ~* D
再比如锤子科技发布会上这个非常经典的放大镜动画:
0 B$ Z, n- a! u) q  b2 [$ l9 s
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
& ~6 w& P; {8 |6 E$ _需要用到的是切换选项卡中的平滑效果。5 v% d+ ^) ^! E
3 Q: ], X* B4 k7 J; p
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!& z  H' ~" j: g6 f2 y+ B, d
文章很长,在这里也给大家准备了一个目录:
  e! c! `* n% g* K1 Q) L2 Q2 [- l& I+ m
平滑效果的原理与作用, O! Z* C0 z5 k! h7 D
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡9 d" K! |' k0 e, s1 X- ?  z3 V
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
" S& K2 q) G8 N7 F. N" a$ t
9 f; U: h, C  }4 ?此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
% L" [# P2 E% D/ |& `% L/ x! V. b  L, B- ~
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
" I+ {" C! j& d' m( ~) P
& x9 ?0 K. F2 k
' q  N. U3 S7 X& F+ k+ _  B: K是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。- e; n; l7 n2 l5 H6 ]4 ^+ v! e
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
+ [) b8 Q* X  D% K$ m
( C0 J# F' i" O+ i( o怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。# |, Z1 I; K0 \7 h
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
2 e8 G& J2 V' y! s; ?; [" ~9 _- g8 K" l, A
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
, @; o  U( y( K1 L. S/ B+ q. n! k7 _. u
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
! s5 P$ h# e9 K2 k2 |, s( r. F8 b
  j3 w0 c$ r* r% M2 B" Q! i" ?除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。, n' m$ K# h3 H; {. }% S0 S$ @

8 X: I7 `7 E6 F% |0 s重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。, X0 r5 @( ^6 b4 t1 l

5 q& p, o$ ~4 S是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。" D7 E7 z' `: G
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。( n9 Q$ t- H5 @5 i- {
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
) O! k% q; H% Q% O- M5 T2 ?! h- g( _2 M1 t! s* W; ?8 x! N& t- n
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。' }( N; O) ^; F% C

* M* T- j% e/ b4 C$ @7 q5 M而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
0 _# @9 ?- r2 p; C
3 S/ x+ @+ l' M, {" m! H. p二是可以制作出酷炫的设计效果,不多说,直接看案例!
" S/ F: P3 x6 n5 \
$ S  e% {8 e8 l) Y- p. z( f: I; u# K0 i# G

' ^( K/ \7 f6 u& X% j. Z( w这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!  g0 s+ [6 `2 ~4 J" ^
如何利用平滑8 ]! |- }" I' K* a
做出酷炫的设计效果?
# u; `! S: V5 V
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。- H9 I5 z; ]; [" B* t2 ]: p
& ]3 Q( S. l: S) X# G+ L
又或者是改变图片的位置,生成平滑切换动画:& d/ g( I0 g! j$ T. e6 `0 L
. \4 ^/ t0 I& O8 x

# }; k- O3 C0 g. p关联元素,还能做出这种图片来回切换的轮播效果:) J( W+ P/ X5 g& j( R, J6 W& o

8 ^7 o0 d( y$ i; H5 ~% H! I这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
7 v9 Z3 {5 T5 {- @2 ]5 q▼ 剪裁动画# w) S3 T7 H8 E& m/ J
PPT的剪裁功能配合平滑,可以制作出这样的效果:7 f3 t; R4 z. T7 v4 f5 \3 `
9 O% _  b1 L8 }' q. l8 {' T
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分  a7 y( n+ Q4 N5 W6 P; c# p! t- g
) g, M1 N, _( m
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
# D% k  {5 J* O) t/ p5 ]" u4 \
0 }6 Y( j) B% F8 x$ ~1 g! E怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:$ |  @! h. o6 E  g
2 [  b5 J$ u( a3 _9 g. k
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。9 Z; u$ n) y/ W1 v

3 b8 ^1 y* @# I5 w/ f6 J2 }: I然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。7 J4 A* h& y! F+ D
& M1 k( X0 p% y) L/ `+ ]
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放
% h2 e3 s" }% n应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~5 U% \' o3 N4 l3 {7 ^/ f
# {; O5 Q, e5 i' c/ O& Q! a0 D
▼ 放大镜动画1 k! w" C0 A  a0 D) s) @
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:/ K' D0 x( c- m7 c$ ?+ v( y

. \5 ]. L  Z" Y- O制作方法,首先准备两个完全相同的页面,作为初始页和最终页:6 {( E. b8 r( C1 @7 w8 @' m- ~7 A
# _3 b' |4 k7 T9 {1 n
第二步,在初始页面复制原图,将其等比例进行放大:
1 f3 }3 ]: p0 j$ r( P4 a  a' f9 n- B" |1 S
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
6 C, Y  k; F( ?$ t
5 Q  y% D8 }+ j  E. Y' P* s第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作: g/ \) O8 K& z8 {* q7 r5 k
2 r* l/ \# H# h. Z
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置5 X( [0 [+ j% C- F
2 x$ s. J/ ?: H  C6 L; L$ b
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。4 s/ {. J% Y; i- G4 ?' i9 {

  r* H+ Z% h- I& [& m2 E; V完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
+ d* i2 N7 O+ P) p( {2 M/ Z5 D0 ?' A
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:" V& u+ @$ u. L; y, C

( Q' L; v9 B+ u$ m稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。- k- M$ u5 z' T$ L- F3 Q
5 e$ T+ e: X* _$ J7 l
实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:2 i, k4 U, B" E/ f: r

9 P, q9 }' y* p: L% R' c同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
, W4 |, L0 S. u2 `( Z▼ 数字切换动画# F* P& R8 p- G
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。- v( C# q  b/ |4 Q

7 u' z+ a. V+ R& {7 y% T" @6 @6 x8 D制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
$ W! E2 n  q3 X& K3 u' G
% f8 B. r7 \) U第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。) E* @1 F% j7 [8 I8 }
8 [/ \* {8 E  J$ t: }! e) d
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。" X$ u7 G$ q+ u: W
& b/ ^- P3 h8 {+ E2 W, B0 ^" ~0 F
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
, R/ @/ ]; d3 E: f% k▼ 文字拆分动画
; T. f; P& E* Y9 H" `' h在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!1 R- S) W: P8 o. L7 l9 W
/ _, T1 F! g* n
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。& r4 }9 q2 q& ]5 x$ M8 n7 {
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
. c* D( [2 `% S. \0 b4 T: X
0 e' z, I: _9 `  e其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。& f+ b1 m2 m& k: r
! R; ^+ ]$ h& X6 U; ?# I: k

! h! S) P  i% K/ X* O2 D- c
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
8 X6 ]9 w+ c2 V8 s5 G* w* ~5 L
* o. l0 Z2 Q  Z7 p2 n2 B& u制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
6 Z4 A# J& z# t+ d" I  r- g& L) u% ]
再比如这种图片“变形”的效果,用到的也是平滑功能:( w; n( Y+ ^  ~% c% b/ M- k

% m9 O6 ~$ ]( Z1 f制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
4 G6 M# f/ i& u: Y6 F" R3 Y. b* V& E9 L
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
) x0 W% k* v6 Z# j4 s% A' C# d
7 H( r% J6 K8 Z/ I5 v* S0 k除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场) |4 o* w5 m$ c9 E3 R( Z8 n' X

  ^1 X* r8 y* ]5 ?
, Y3 t! a& l5 `4 E0 E1 z比如介绍产品时,可以突出产品放大的特征:  c. {( E* O5 P! w, V

+ |+ s" O: a9 x+ u方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:# Z) M( V  T4 s, z, \  b

9 J' N  [% `$ V  e) c# {推荐资源:  E1 o  s9 F4 u

  G* `, |. D) }  X: w* l  p# K
5 S; z4 B( v+ B: F: @( Y
4 c, N# c  a9 T, Q! u! ^, B3 Q来源:http://www.yidianzixun.com/article/0MHFCMpt
* v% ~' e# w6 o免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-5 10:48 , Processed in 0.063918 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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