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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10166|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
& a- `( ^7 N+ \! P
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:$ R) @5 v9 r  @! [* F" ^6 H) x
4 d, p. L$ E$ W2 m/ A
6 ]) e3 ^5 `. g( s
再比如锤子科技发布会上这个非常经典的放大镜动画:
  k5 e5 n1 ]& R6 H* [: V
1 _0 F" y0 o8 G8 _! Z5 `0 c: l这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
$ @  K/ P# g4 r, C需要用到的是切换选项卡中的平滑效果。
4 c2 j" j4 ^3 Y0 T
( s* ]2 w9 j( K; j& q' ~: {9 ?什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
2 u, N  B6 O5 W0 c' N文章很长,在这里也给大家准备了一个目录:
9 m# B2 Q) [3 H! d) g1 i
% a6 ~# |, D1 Q& ^1 G, c% g5 x平滑效果的原理与作用" M* C" f; e9 C% a. H3 x1 r
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
: Q, i; t: q4 `. r& w觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。5 L( K$ b3 g; L. Z! Q

. k  E: x& B1 }/ d& Q此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
0 u" S9 S4 u3 H. `% L# v) q/ B/ B5 y
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
- p0 y! W( `& \. s
' ^8 ^) s. |3 n+ P" B
% L, k2 B/ x. M' _; _( d/ t* w是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
* h3 r; r: U4 j$ e. ~* q$ W# N5 j
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
( T+ V2 x0 D$ l* @
7 P# {* e7 @( [6 f2 ?' p: D怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
5 a; M4 X0 }+ |( k! E操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同8 J3 {% a- N8 j: H; V

! \6 w8 k8 p6 R' X! `) a通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
4 I3 J) y1 H0 W8 I( g
, r2 o, q5 e: k' @+ R3 ~不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
( ~$ B1 Q( E7 B9 Z! W% @7 G4 W1 x/ F8 i/ M# Y  p! q
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
# ?2 n$ o: P% x& F! {2 [: W* T/ L" q* x  m& w
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。# }3 t1 V" i$ j- h' G( n" H" {

3 T/ _5 I# W2 [( ]2 c是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
0 b% A7 z& B; K4 K. z
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
3 e' j; t9 j' j* ?* p7 B+ P一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:( t) f% C1 A# {7 P7 }: a

5 y% y, U* P5 k+ ]- J0 }/ _原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。1 J. [2 D" o# r- Z8 o/ o" w

$ [  g# k8 z2 E9 m9 a而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
/ ]: `! c2 m/ G$ x$ f! N, Z" y5 c. O2 J! @+ o- ~; Z
二是可以制作出酷炫的设计效果,不多说,直接看案例!- f. ^- f, w, |% _4 y

6 y( ~: Y3 B: Y3 H/ M! w
) L, ^! l: S$ ~9 n7 o, R) t" N  Z; c' M/ a/ b0 N3 `
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!. `3 S$ u' k" U+ }- @7 S! D
如何利用平滑
) T) p$ @  n) }( j做出酷炫的设计效果?$ d9 N: K; N' s2 C/ [: w% n
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。' u2 A: s' v8 `+ M! A, ]

' ^/ T. F5 }$ J) |又或者是改变图片的位置,生成平滑切换动画:
+ D% W( ^* K! p* J
5 u! w( l! U5 O3 [
: u, b* z; k0 x  G关联元素,还能做出这种图片来回切换的轮播效果:
' Y& Y2 ?2 _. n1 x4 @. M3 x. n" E) M+ p9 ?  K0 G" }( @$ n
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。/ P$ v& T) S1 q7 o
▼ 剪裁动画
- M- \: C6 |% U# u6 nPPT的剪裁功能配合平滑,可以制作出这样的效果:
! g. s) P, w" _2 i9 L+ M+ t! f& `2 h' Q9 Y- Q1 j: S: Q
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
9 I3 ~0 d. a$ r5 p4 `* Q
5 ~" i" T9 p3 b6 D相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
  ~3 s( s8 I% J. G
8 D& m3 f- I( c, S6 @怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:3 e2 d7 u6 Q- R) j* j! ~: E

4 C3 E7 _; ^/ e; E1 k制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。
" p' o5 r) u/ j3 s0 ?1 q* [  L+ A7 [/ e* T/ Z1 |; h) Z3 M( |; u5 J
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
0 ^& A' Z6 r% G# }5 U4 w* B: }. T, U1 ~8 a: F8 p" l( v
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放  p: P3 a' ]8 h0 _5 ?
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
4 H: ~$ e* y5 }/ {& o9 A5 {" L& e* [* a" w' ~: _
▼ 放大镜动画8 c; p( h) W5 r$ P$ d! @2 V
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:6 o5 R) X* ^' K, x  K

- G# l" i' G3 O& ]3 V制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
( S1 Q9 n! z& U1 @# i6 p* k. F# D$ v/ B/ d/ S, |2 U
第二步,在初始页面复制原图,将其等比例进行放大:6 Y! n, F  T0 B  M

" K, n) y7 \1 m3 L第三步,点击剪裁,将剪裁选区适当的拉伸放大:) Z$ \8 q& h& g5 V; V
$ N) s1 }+ p" f, |4 u
第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
' L$ J1 K* n$ w. ^$ _
+ c) {9 z" H- X, m4 q第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置
# a: r" B1 @4 I1 H% h6 f. |5 ?, J1 X6 \. Z* j5 i
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。. }5 d7 S* a! [" r8 g  \$ V
0 H$ B& a( X  ~2 K! ^
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~% c  |# B2 r( z, `
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
& Y1 O8 k# ]) y+ l& d. n6 R5 P( z( B0 ~  O* z4 u0 Y
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
! i- `6 z9 ^& J' o
8 ~# `2 ^) V) z$ ]3 {实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:$ @3 Y& o4 x. J+ Z0 m

9 l4 l* y! j( Q同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
3 a2 B8 |4 T6 o' n- n▼ 数字切换动画
1 \- k1 X" H+ B. H+ t" w下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
, {6 h4 x  ^& W/ M* j/ n4 H# c! Y6 G2 [
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
; Y, I* C; x+ Y; D  ~  U  C
! D- n$ J2 v( I* t$ h5 X1 N! T第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
, _( W5 x' Z" ~* d, F
$ ], Q% J5 V2 O, d3 U' r) G9 G第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。4 s- r! X3 a# E  k

& ]* Y' e3 L% _9 f+ l用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。) z% |7 }  Z) V- ?! R! G* |! j5 M
▼ 文字拆分动画
! i, m+ H& ~' o在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!+ i6 N2 V; q0 W- L& o8 R

; R! r1 a% q: w6 z4 E制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
3 R: y7 N; G. z' B# x8 F  j当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。3 `" N8 U" C/ ^9 s6 i2 t
: I* E& c. k! ]+ C4 l
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
4 q) b) ^2 K1 B: \+ G  u1 q* n& U0 Z1 K& Y& p( e8 R7 o

' @" d8 X. ?, a
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
  _* @: f" @* j0 M
1 s  B) ]0 o2 _! W/ m制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
3 R: Z" s; [' }& W. J2 U/ w) \- d% _. H$ f! m. V
再比如这种图片“变形”的效果,用到的也是平滑功能:
+ c8 e! o2 U+ @) m* ^. `2 D' X- Y" _# {# u2 _3 c+ E' d3 M
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
* x: m3 x( F+ Y6 Z! c, M+ [" q) N7 ]" ~
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
/ z9 e* i$ L; D9 D: k* a7 G8 F1 U" q% b% e/ |) T5 n/ \) C
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
, A) T+ U9 S3 t( p% }: w% f# F, e( P9 U; a

7 V; Y2 Z$ D+ G; U/ p% K比如介绍产品时,可以突出产品放大的特征:& [9 g4 x8 M( @! `4 _
! v7 C% h* M3 T" R' }) x9 E
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
: h& G1 g" c. c5 N- \. [
* }8 N, Y" w. r' U4 ^2 o* P7 f  d推荐资源:% i6 O8 p; _# [  Q
6 n3 n2 P0 B& E; v+ m( L
5 e' f% S# S, |' ^  U1 C( r

7 u( p1 `. E; H& {9 R% j来源:http://www.yidianzixun.com/article/0MHFCMpt! Y( P0 I6 Q9 g, @0 g5 a  H, ^0 @
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-9-17 08:21 , Processed in 0.043007 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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