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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 9897|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
( _* P% k) m5 X/ e5 U; u7 S
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:$ }( u9 [* n- c2 R

1 M# C: z( B8 l7 M1 o' Q
  h0 |; B  c. M: l) L6 M再比如锤子科技发布会上这个非常经典的放大镜动画:" y$ g, r9 i% V! `$ s& c! s1 d
( _3 j! O) L2 ]8 j& Y
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
, m+ L8 j2 Q8 s# G& Q需要用到的是切换选项卡中的平滑效果。
( ?$ \7 x$ b- H7 |' }* _4 u5 C4 a1 R8 `2 Z+ o$ k1 {
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
. w/ ~# {6 ~0 R2 ~& L1 N$ o) R文章很长,在这里也给大家准备了一个目录:
4 v$ V# I7 n+ r6 E% [5 @
9 l" A: N9 E9 B/ D& L4 e2 M平滑效果的原理与作用
5 E9 P( G+ @- F4 g. ?
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
, |' W% t* T6 M" K觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
1 }' e3 R5 U: n4 j+ G; G3 t  b; X2 C" W; Q, b" y4 F
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡: E! ]! o7 ~7 y% _% ~( O8 M6 V7 J
; O% B( F; ~$ D, e" p
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。2 M+ d0 `) J' Z* T5 P: x" s$ e

7 i3 w- W' y: N( N. F% Z% H+ ]
1 n- |1 L: S# a0 A是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
7 R, X% g1 v, W/ ~$ Y, n
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
! ?6 y/ l7 s1 |/ ?3 S( L
" {. C, H% O! X5 s( N怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。4 V0 U- s% {9 B+ g- G8 l
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同7 |3 M! `+ c$ P
2 K8 M* o5 B4 b* V9 l
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
3 n% X+ y5 c/ ]8 n1 i" ^5 W
: `- B  _: R# U8 ]1 {不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。8 Q" d2 y  w& b0 V0 X/ R1 {+ J
* T, O3 l  h* q+ U' I8 Z
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。* z3 v3 m; }/ ^# }- `/ |

7 l" `$ h# A$ w6 ~/ u重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
' B) c: O& u) S+ \% S
1 u- R+ \+ J3 a% a* H5 `( D) ?, g是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
$ c  n1 `3 O- f- N" Y
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。  M; I; W; r) e) p/ d1 _
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
3 e# f' Q5 C% D* ]# M: c2 K. E7 I" I2 H. c' o. D. a8 c# d% u# T! f. a
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。
9 u  c# Z1 ~( A4 }7 a$ W. X. R2 Z8 R+ l0 j( H+ N3 w" |9 |1 ~
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。* h2 M/ R2 R3 n& b$ v
2 R% p1 @! Z# B0 Z+ N
二是可以制作出酷炫的设计效果,不多说,直接看案例!
4 P& o  g1 x0 o" L! h$ z. I! v
& ]) ]* g: S/ ]% r9 l
% E8 t5 t$ f; i+ ~4 e3 f. @$ D5 L" Q; A* b
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!; C. n6 U3 `0 |# _- i
如何利用平滑* t' ]9 P1 x6 Z  V. e( c
做出酷炫的设计效果?
" _1 |3 I+ F! C1 s9 j* u4 g8 [
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
7 z2 l+ R* P$ O
+ t8 o( w. ?$ b% p又或者是改变图片的位置,生成平滑切换动画:' C8 h- {* A5 o5 m) Y8 A* s

8 w0 Y' J  ]2 d* i1 ^
: M- Q  H& L) o: k, e" a& g6 S8 R- d关联元素,还能做出这种图片来回切换的轮播效果:( i: W4 `0 s  H  J. `
7 _( q9 ^' z3 A8 N# T% x: @3 n
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。; ?$ c! j8 \1 J+ _3 X: g& T8 [
▼ 剪裁动画" Z0 k5 e: o- A; ?
PPT的剪裁功能配合平滑,可以制作出这样的效果:
7 K* }5 F9 F' I5 }  B2 f* V$ r3 z0 K3 |
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
; n" m5 a0 H8 u
  k% J. f  w5 |相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。' L( T# J- l4 c; k" R( V: T
6 r" W; s  c- h. _
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
- x5 T+ t; |6 A; V2 s9 O) `
2 P# m& i: h; D! T/ ^3 d* ]: _3 U制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。% d1 L. |. ]3 m$ P* C
) {- I+ T4 }2 P: x% @
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。1 T! l% n& u9 ?/ N' D7 }  Z
7 H2 N' m' N  `8 S0 r# |3 Q
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放$ w. I+ b0 @$ y$ A) L/ `( h# t
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
. e+ o% ?5 W0 N7 ^: B3 I" G7 E4 P! N) E7 p) q
▼ 放大镜动画
' k% B0 x% F% C% @* n3 B3 P锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:8 @. ~1 N2 u( w, M
* P- ]( `! |( Y5 K( A  _
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
. z; E7 G  p/ P' Q/ e  B) u1 h5 S3 h0 i1 a7 Z
第二步,在初始页面复制原图,将其等比例进行放大:% K9 }0 h& L- W6 m' K

9 o- m) F/ Y! {: s9 F# l, y8 ?5 m第三步,点击剪裁,将剪裁选区适当的拉伸放大:
0 a, d: W% k1 h: y" Z9 j* U0 f' ^4 Z% @' v; \' Z
第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
: K' r9 O! M- {( V6 C5 ?
2 A' P+ ^7 x& J- c9 H8 \' f第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置
+ f2 `8 o3 o( V* ~4 O$ J9 ^( w
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
' e3 b) `. i. ^. M9 ~( T! S+ ?6 `
  {) l5 h, Z* i) r: S完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
% s0 ~3 e; X. w! n9 A9 o
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
; ^- N, t0 D' c* T/ Q: X1 n5 k) ^, K1 p0 Y8 j  f
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。, h7 G% p0 V5 G+ g+ G& ?$ I* b

; o6 t7 R8 `: o实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:% a2 U+ V3 @0 H' F3 F% @

+ u7 p% t6 V7 C/ v  O3 S: X. r5 p8 r同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!1 l) ~$ a2 ^5 n/ A: }
▼ 数字切换动画
+ @+ s/ E: l! H/ u下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。% D  n0 q9 f! x8 q; y8 F  I

) z# p1 l- `1 x: M4 O" u  V制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,+ j& R( }3 s) s1 q
, q. L/ t0 b7 P" U. X6 y8 f! b
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。: ~% U& u9 p5 r. m: ^
- d2 H0 l, a3 A! ]  c; n8 q
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。6 U2 }: g/ i" c, x2 D' t
0 O' n0 x  {: C. f/ r
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
( h: [1 T) ?6 M4 A1 ]+ i) L# J▼ 文字拆分动画% s+ G/ b% |/ v+ [, {. M
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!
# R# y* R7 |8 k7 O/ ~, L. f9 P' W: g& l. w# @1 L$ G% [0 Z
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
7 [1 J% f/ t2 j/ b* {8 t当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。/ _+ W/ T2 [+ J, o5 [5 K7 o( X

$ Q# b2 g3 {7 m- e其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。& J8 ~; o; {, C* W0 N% ^
0 H8 B$ G% ^) h. T/ P
: I7 e$ G: f# b6 ?2 a" f
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:5 C* g0 K8 [6 l6 Y9 Z4 {+ ]
, z: C6 @% w5 P; F# N8 t2 G, w- K
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
. e) X6 O- k, p0 t% ?) [  f; g
9 S& b2 G: v1 C- P7 B. d6 U再比如这种图片“变形”的效果,用到的也是平滑功能:
- B) m' o2 u5 ^9 F2 K0 i6 ^% ]1 {% h6 n! P
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
8 S( b  X. p' l: M
! v' w9 p6 ~1 b% ^+ {. D9 H; e以上就是有关平滑效果的完整介绍,简单给大家做个总结:) l2 s' G% g  ~8 Z3 j  ^
7 {0 p+ q! `! i/ C- O
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
( _1 Y6 e" n# w! F/ A1 W" E: M
& b5 t+ @7 k; l8 w4 G7 C
. r. A) f- d8 Z比如介绍产品时,可以突出产品放大的特征:* k+ A' c/ I$ N6 g

! i5 e" m2 c0 H- }  S9 k方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:; P% l. v1 X/ C, Y# a' e! n6 `8 v
+ n! \( ?9 p; P9 a) A2 h
推荐资源:- k6 D% u& p% j+ g2 @7 D

. }/ ^' M# P; }3 Z0 {4 p2 R/ q2 K+ H& t6 E+ |% W
" h+ @; L3 q) N) x  }. k- ^
来源:http://www.yidianzixun.com/article/0MHFCMpt
7 ~4 t4 @' m8 P, e( L免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

关闭

站长推荐上一条 /6 下一条

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

GMT+8, 2025-3-4 11:18 , Processed in 0.138444 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

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