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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10036|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

# t. k& t/ a2 a; Y2 o0 J三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
( b% R: @9 f. }* w) v" w
4 d; p- L. K3 f: Y# b! ]6 E7 u- e9 R6 A: ]5 M4 r1 O
再比如锤子科技发布会上这个非常经典的放大镜动画:
. R" X* {6 h* _8 }, \4 `8 f1 n7 n0 S; a, N. D5 u# q
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
3 g5 F% m8 }1 p需要用到的是切换选项卡中的平滑效果。! ?+ C, g& y- y! O
/ n  I, @, [3 X: b
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!- v+ J. S5 [1 B+ ]  V( P8 G# x0 W
文章很长,在这里也给大家准备了一个目录:
& k& x1 b0 e: N/ @- I- o+ l* X1 |0 y
平滑效果的原理与作用
4 X- D  t9 b( t# `) ^6 W1 i0 N
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
' q0 M. ?' n- w2 W# G觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。/ w" o& S# ^: d) }

# |4 z" o( Z& B4 a) s此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
, i; K$ }* N8 i) Y0 Z
8 G+ s$ ]1 F0 s除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
" ?6 X9 Y' L4 f0 g. e
4 S9 [4 x0 Z/ g" z% h6 V* S" R* O# W8 j' g  G$ f( h2 h
是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
9 v8 p8 D) ]! r4 q4 |
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
* S1 x& Q) n4 N4 m. z; y) P4 `- U- h; A+ Z' r) z  A8 N! v$ E/ _7 ^
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。. R/ f$ I4 ]- j) [+ ~/ \
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同% a! ]/ p1 x2 k/ Z" N. `/ z' D
) t5 l0 R/ Q* |; J! n
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
) J9 A6 P5 n3 D; h0 |5 z2 @2 w
5 E) J. N; m* ]不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
9 C% h3 I0 g8 y7 R
1 Y# @& s$ M- l/ m" w除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。& q8 y! U5 |. v4 N2 e  a

' N, Y6 v7 H# Y- F重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。3 @& w: a8 h/ ?: w
, K' a+ `2 t- l% T, `6 h* l
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。, \& \# i; A5 U8 h
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
6 J0 h  ^7 Q5 w- H一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
: W+ y; r5 |, m! K) W' C- U+ z
  W% |9 H& S! |  N& U$ `) n( ~原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。. z$ V7 W- w: x: o; D% h

+ z( z- [. s  f9 b! \, N而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。4 y# K6 v7 s4 ]+ o

' X) _6 u# c% F/ h1 r  |9 O% Q! N' v二是可以制作出酷炫的设计效果,不多说,直接看案例!0 ~5 q5 `% {$ E. v. L( h9 K

" n! }" Z. _$ G; G" `! V0 q! n+ d5 x( ]0 b4 E

1 A/ ^% n8 f2 w8 @这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
/ k$ Q( ?0 B, b* b4 A' R% Z, S- T- X/ a如何利用平滑
& j! o2 u3 l3 s6 G( v" x# L# `) q2 H做出酷炫的设计效果?
, ~/ ^0 T4 \) ]" n2 B4 n; P( v
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
3 b  ?  O% O2 C) @4 y" J& V5 M8 |) }* W2 I( ~6 A
又或者是改变图片的位置,生成平滑切换动画:
% `/ S7 M0 m5 S6 s& |. M+ n
( Z( p$ A- [% |0 D. w0 L0 ]$ ^# e) D7 [$ _! m7 L; H8 c
关联元素,还能做出这种图片来回切换的轮播效果:$ g  s7 f% \: o2 h
, v1 V5 E9 s2 ?8 s  d/ t9 m
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
: P& |. G) E1 R$ W; `6 w* o▼ 剪裁动画/ a. g) v- O) p0 b5 q* E% X- f5 y/ q
PPT的剪裁功能配合平滑,可以制作出这样的效果:
- c1 Z' r9 A6 f0 R8 t& Y$ Y2 h9 r% C  i! Z0 x, l
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分1 Q% |: z$ I6 J/ h/ \* h7 B, z

" P% w/ c3 p. A5 ~2 O- E相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
1 E, z+ Z. |# @5 t% ~% P: b
" R/ ?" N1 m$ X2 k, ]怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
; m% l7 n) E4 F' y% l* j2 \6 M( l* P/ H
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。. J# ^! v5 B8 J: q1 s9 x

8 z1 m. {( z$ H4 e% k0 I  ]6 }% X然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
( t2 K( G  e2 S6 T1 R. A- q/ u+ c2 @- S! T
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放) ], A" j4 Z# y9 n3 m8 i
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~0 n: o2 ^# {& X; J8 a9 v
1 ]" u# t, X) G% p5 {9 A: r
▼ 放大镜动画$ C# S% `  \" T
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
8 I' U; _" L" e, l0 L8 a% ~# O* Y$ j  s) h
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
& Y$ u3 s& ]# X2 B  g9 T, Z- \- N
第二步,在初始页面复制原图,将其等比例进行放大:: K' l6 q" ], L! e  F* ?# s0 S3 d

# ?5 G6 ?$ ]* N% _" f第三步,点击剪裁,将剪裁选区适当的拉伸放大:! A6 t; F" x. d4 x8 g

  n- u1 S; h; z7 {( D第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作3 p+ T! L# O7 ^0 o! P8 z

: J; ~# [# \7 A3 y. o( f第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置2 l5 ^$ }7 k) e2 \! v

& N# [$ L( A  i+ @3 b+ S第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。, q+ s6 P, m/ J& c% ^1 F

( P5 N1 Y, \( t完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
$ v6 \2 \+ o6 C0 p" I
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
1 M' E* O- q8 h* Z9 O1 d( E. `: A& z0 @6 R
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
9 P0 c* U+ J" L: a- U' `
! }8 Z, |: P0 u实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
4 [# {- [% ~- a) V- v: h
$ [0 P3 Y9 c" ^& M6 p同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
( }$ t  F0 d2 l, m& d% i▼ 数字切换动画/ @, X8 [9 O6 u# C- o! k
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。+ \7 E" ^: Z7 z8 D+ r/ @( L4 N
  f" z3 x! o3 a1 m0 a0 C/ q9 o
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,2 d/ N3 W. D6 {( P  |
3 E4 w$ c2 S% O( j
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
3 R3 a! ~& ]3 n9 B3 z( a7 |6 J4 v5 W) v* i' D* ?7 Z
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
/ Q- N2 S2 I6 A2 O, ?  C+ e+ Q# E' x
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
4 P- }0 J9 }. p# ]▼ 文字拆分动画# j3 _  O! V& \& O$ C
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!8 Z7 o! D* n' W, C; t

8 S3 }4 ?  ]! e' x% Q/ Z: _5 V+ e制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
- ^" B+ W8 n8 h( Z# Y当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。; d- m5 v( s2 l, W/ Q  }

) S& |% D4 D. P6 v+ c+ z+ u4 W6 w其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。& ~& v6 Q3 e: f1 J0 l/ n* A
; Z9 B: Z! h3 l3 m1 C( {3 \
$ h, A2 c' O# ]
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
8 j; s  N# v) D" d$ [
) m# ]4 r) A& x& v1 s, o制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。7 R, J7 S  O: ?

1 |1 _5 m$ q6 ^再比如这种图片“变形”的效果,用到的也是平滑功能:
4 k  s5 @' @0 a* F) ^
2 {4 x5 h  z6 W6 L4 `制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。& ?' K. M0 r: O1 J7 ^( X

6 K: Y4 S2 L: u+ V. A以上就是有关平滑效果的完整介绍,简单给大家做个总结:0 X+ ?$ Y% R& W/ y
7 x4 x  c7 D( Z1 `
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
6 a1 H  v4 W& c7 k6 o. z- {0 L) H8 U; C' r* [2 p
( k- S* c: J, W4 O$ a3 ?. n
比如介绍产品时,可以突出产品放大的特征:
& p& H1 S4 n' ?
4 _) t+ P' l% t3 h8 Z4 j% c. ^3 v2 O方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:! a* o: ~9 e3 C4 }' o+ O$ O
9 X* X7 t/ h, S. F4 p
推荐资源:0 A) o: e. V* D5 K1 @5 a8 ^* G

) W; T  A, \' X/ T) h/ Z2 s" i  r8 @  }9 A
( z7 |+ {* r1 Z6 A$ \
来源:http://www.yidianzixun.com/article/0MHFCMpt
8 ~7 t" J3 D, m2 Y) y4 S免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-5 12:35 , Processed in 0.038055 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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