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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10199|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
8 H  }& ^  g% I6 T4 H
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:7 ?- j! Q2 F- t$ w! \' J) T

4 w6 A8 @# b: O: E8 m/ R% K
% Y; o; E( M8 S! B, e- c: Y- d+ Q" ]9 }再比如锤子科技发布会上这个非常经典的放大镜动画:$ T) P. G, C9 J3 `" Z2 F
' F1 X, [" R  s1 B* W1 @7 x2 s
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
! H# S* M- Y( [. O需要用到的是切换选项卡中的平滑效果。
# G) n4 ^/ L: w/ \1 O9 M
0 A$ W1 Z9 ^* a什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!2 K% z. r! \1 {* e# F/ @
文章很长,在这里也给大家准备了一个目录:+ ~+ W  C7 s5 c9 j

( d) _8 d  U- W4 s! @平滑效果的原理与作用
9 J3 F9 C# V' k* ~
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡。; J+ D8 W" [1 v& T% K# P
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。" C5 A+ {  y9 ~1 {; u
* R1 {$ h+ g8 [: j0 X" ~
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡。2 L/ t8 [1 `' F8 n7 s% ]; d

1 x9 G) ~# N# ~1 m除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
3 L: [+ k8 c6 Q3 e1 _4 U$ N3 t0 I9 K! d0 J, S1 U" x& i* m
' C+ z0 ~/ n5 M$ A5 `; b# r1 M1 x. o$ ~6 w
是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
; D- y) j  m% h( v
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
1 W3 k) E+ y7 X. j
" Q7 ^: j2 A$ P$ ^& S% C怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
% \5 d0 [' x, G8 R操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同。
! P) z1 v  q3 M& R; l3 u+ ?( l0 y3 f
) x0 B* G) G0 @' {+ P通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。9 z  ?* m- E8 K5 B

+ T. \+ o. u, s% T4 j3 H不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。9 W. p4 S6 P7 y9 ?& \
+ y% l: o  R# m
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。, G" Q9 v4 N; }0 z8 ]

9 c7 k' ^% p8 X而重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。8 @8 U# V, I" _; I) t1 `
1 A& Y' P7 W3 }* D2 Q) Y
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。! A1 g9 S4 J/ u( E
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
& ?0 _; l$ s3 S7 V( _一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
! B, H! v+ ~* \- ?! x& l' V/ b- D: ?9 [6 A( f) A* G" B  R
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。1 j, j' V  E7 X/ l$ p& r. e5 O3 X
& e3 P2 R3 s& H  E' ?+ v/ X
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
2 f3 m" q+ M+ K" B' g. h; D8 d- S" X( }- I
二是可以制作出酷炫的设计效果,不多说,直接看案例!; w/ q; L8 q, L; S$ \

) G2 F" \* |: `6 Y- e; \- o, [6 R2 q- S( t! ~8 K
; M7 z. P" x4 m" j, }; ]
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
# k  J; W! K+ J+ t* O4 {如何利用平滑6 B$ A1 {- E/ v- R  n8 W
做出酷炫的设计效果?/ s  Z. b, X7 F: I+ Z
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。; M2 u& {4 A) w- v/ L( M
0 q" d1 |  U1 O/ v1 g( F8 H
又或者是改变图片的位置,生成平滑切换动画:
, e: {% P$ B: w$ }2 l% D( ~! f: C" Y$ ?4 U

# N  ]/ f5 k( j8 t' b$ r关联元素,还能做出这种图片来回切换的轮播效果:2 z; {% b3 T, n. i5 U8 x! {
& X. X. |8 L: r9 E- r% h# A5 [# \
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
' {3 |; X: m# J5 W, a; ^▼ 剪裁动画# H* g: Q1 u& r/ M+ K
PPT的剪裁功能配合平滑,可以制作出这样的效果:- S& k* W) u$ c/ M* }. i$ o
6 B& `5 Y, ^4 ]6 j
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分。
: I" ~1 A( j- ^' g. P2 x7 w: I/ s5 f" A* r6 o
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
9 H4 ~0 y4 d( k( `7 p/ M4 J( i; O& e- T( j2 b$ ~; n' d) X
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
6 I- ]. O, t( b# O# P% f0 u* c, R- l3 w0 N* Y* y
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。" p  b3 @5 P' V  m: N+ z

! B* S) F* w; w8 g3 B% k然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。+ ]) X1 I9 K" S
3 r: p1 |5 R# F
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。8 Z: s/ v  i8 f4 K) g
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
4 X$ M/ j  y' G  l2 _0 ?$ m+ {! Z* h  {  @  T
▼ 放大镜动画
- P) x$ c9 }" x. R, Y" v锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:+ @# T* Z! W: \, c) u* q1 R

: c1 M/ U) @0 ^9 S* b, k制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
5 a( p6 E1 D+ O1 r, L
* C8 w  _" C9 D$ I% m第二步,在初始页面复制原图,将其等比例进行放大:3 U" w+ w; R7 F+ M4 ^( i
0 H9 O/ E7 V3 x" P+ B& Q
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
1 Q5 y, t0 f& ?6 _; p4 f
! v- v6 U& R: B/ ^6 D& `第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作。
$ c* d1 N. \; a/ O/ s4 P* z3 |7 }
2 P) s5 S: T6 s) z7 o1 W+ H第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。
5 G5 n$ j( E$ B5 p( @* b5 V) u! O$ v. G+ T' ^
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
! C' s4 s2 w) P
& j3 R  y( r7 q$ H8 B& a) f! d完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~7 I: ~* z8 ~( m# X: Z9 B7 M! t! d' k
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果,最基础的,是切换文字的大小、颜色和位置等等:
4 V* f! m- {" R2 }2 V1 [, W8 l* c* X7 Y  F- s+ }
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。9 n# u" l' y* s4 p( Y% l8 F

- j* i( U+ b# R4 J1 @( e* G实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
) h8 L4 h0 P& ?& ^& K
9 S& D; _8 v1 O* P+ p8 I+ ~8 x同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!7 A3 g+ [. X8 d, B% ]; R' k
▼ 数字切换动画7 q9 `3 }* \0 P# o
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
1 P% o1 I: R- _: A/ \% ^7 C" N4 c9 t( b  Y6 J6 t
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,5 t# S! l6 M/ K6 ^2 i
5 G  y# p6 j; q+ H
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。  m- q2 W& y0 }- [
2 ?, M( r2 a7 U% G
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
& B: q8 R/ o% Z# I  b$ L- P* m% {) c5 z# u/ l; L0 i
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。! W- B  W  [! I: m; Z8 R3 }
▼ 文字拆分动画
9 P# [8 X) B/ |9 Z( m8 Z1 Y8 k在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!- X: e/ D5 e! o9 j# ~5 I: u% P+ R
1 B* R( G3 i# q
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
0 Y' v/ ^8 R- @9 c/ z当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。; [; [) k6 a4 r3 D) g. G
1 e" ]- M  _4 c/ ?$ @0 W
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
% X& I( C" J% j; P$ F; d7 U/ p( Q( S4 l5 t; U: n( B" J

+ Q( I+ z; n6 B# r: D2 n8 ?
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
* y% i/ f) q; @9 p6 {1 `8 k8 H9 c9 \( W6 r1 a- [1 Q: Y
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。, A, z$ s, b# N3 l- Y; g& y
( z7 S" z* n9 J6 A; I# {
再比如这种图片“变形”的效果,用到的也是平滑功能:
3 [8 l! s: l: _5 W9 C( v* Y; r' x7 u) x/ H3 g. U5 N- k
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
/ d. O9 C! d" ~2 H' K6 ^' y+ [  f5 c! p: A3 `
以上就是有关平滑效果的完整介绍,简单给大家做个总结:0 ?  o" e$ e9 D; ~

2 {5 P8 X, p$ M" d7 c除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场:+ ]0 ?. d! C9 J/ M
+ W4 v+ [6 h6 m. u0 U0 U. Y9 ^8 |
6 @& e, r% d  J, s% ~3 E4 v0 L2 W
比如介绍产品时,可以突出产品放大的特征:3 U) O- ?; b  }$ q) G

" l4 q) M- U$ b& v方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
, t8 P0 D" h  s, R8 p- W7 p8 Q' ~6 C# n( c
推荐资源:1 H8 r" {( s( _2 o
4 I6 z, M3 ~: o6 ?0 Z
# i( o# g, \+ G1 x! Y
: I3 ]; q8 e3 {# _5 M# J% }
来源:http://www.yidianzixun.com/article/0MHFCMpt5 {* d8 g$ O8 i* g
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

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

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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