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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10033|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

9 g- c2 z/ Q# x- [- m$ x4 |9 c三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:7 ~' A! x' @& g+ e, _) W+ Z

3 [0 |. Z8 x) A( ]0 N5 O+ o, s* P$ `5 d. u1 A% _" M
再比如锤子科技发布会上这个非常经典的放大镜动画:
  s' C- \( P* ?5 k( F6 B1 x; C
8 f9 d! b, ^# A1 {4 S这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!% Q  g% |- I! P! i' b2 f
需要用到的是切换选项卡中的平滑效果。
6 J$ y6 F+ D: @6 t$ O
% a& _  p/ E7 K0 A' c0 v% o什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
8 m/ H) o, q& }% o# ~0 j文章很长,在这里也给大家准备了一个目录:+ b4 S4 C. w+ M- A; c
& K6 w7 ]. P: I: v8 I
平滑效果的原理与作用
3 u& t/ E$ e2 N, Q2 s0 L% o  b
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
+ g" f5 l) b, |9 m觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。7 o. U2 h; [+ }" o: f
2 e/ c8 L& [) i. p2 F: q' A
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡5 v& \5 _% z& f4 ?! l+ r

" k  u; G5 l% X5 F# d8 N9 w" G除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。! b& [" `: v7 O6 r

8 {- C5 p& t$ q+ s/ W0 r& X6 M3 N) \6 g0 {' F# W
是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。$ x$ ]- z- L4 h" n7 E" @
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。  c# d% F/ H$ X1 z- ?; b, N1 l

, H4 x7 D  Y, a' l  U; j7 p5 d怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
. e9 t1 c0 h8 z/ R; G' Y操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
6 {/ b  j! G$ x  ^5 |) L
0 X! q& F8 B9 I9 A- ~, A5 P* N+ G5 Q通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。" H/ [" m/ B/ s* S

( D/ ]- @( v$ \8 A* r" _8 `不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。" G6 @) |5 h6 e$ r0 }; z4 [0 h
$ ^' b7 z4 ?' e6 Q" O2 P
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
" B4 M' C: [% o. n; Y1 A  R# ]* t
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。3 w0 r* l+ O7 {: _
/ p' t2 v( O2 I9 B. a" v& H* }
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
4 B) j7 s& U- ?7 `) g- z5 i
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。! B# u( H3 o. W( ~6 e2 O
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
2 C) G! c* Z0 a* C& ]5 o1 W* T- \* c1 U  q+ Z% V
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。" U1 K: J% M$ a' Q0 [* [
$ a$ C2 U0 z8 v4 x1 J0 s  x- T
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
! W$ l- e# [9 e9 v, j9 ^
: I+ w2 T" }$ \  X0 h1 e二是可以制作出酷炫的设计效果,不多说,直接看案例!2 e5 |7 t; R. F; I4 ]
! f, v9 _; W! A) B* S" g
4 o5 C$ f7 o: |6 V+ q
5 ^! t  E8 Y5 S7 P. X- Q
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
, ]6 F$ N) S& ]' y* `+ ~如何利用平滑
/ ~  ?6 P6 j; B4 m0 \做出酷炫的设计效果?
9 ]5 E/ t* E& S. ~% y9 _  _* ]
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。# Q  q; K, ^& b" f

; Q* P" @2 @$ T) w$ D1 \. O又或者是改变图片的位置,生成平滑切换动画:
7 w  O! R( S, n6 {) U% f  ~8 H0 n4 p! C8 j0 r
- }+ v4 D! c' b2 i3 p6 H" j6 [
关联元素,还能做出这种图片来回切换的轮播效果:
$ c2 [6 R8 Z1 c" w# G& A8 B( Y+ x
7 p2 L2 U8 A; ^, ~4 N这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
, e6 }0 z$ x# o3 x# j+ J, P$ ~' O▼ 剪裁动画8 q& R6 v+ Y4 l; d2 O
PPT的剪裁功能配合平滑,可以制作出这样的效果:+ v- L. s; ]  A- `$ X# d

7 {( x$ v6 B& ?" P, E3 e# Y制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分' S$ ^: e6 V, G- t

& }4 j' ~" S/ ?1 C* J相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。- k/ ?0 b. Z0 m. k$ ]5 O" o

8 k/ v; k4 a' t  l6 {" L2 y怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
/ M) m3 S! B8 |5 j
8 R0 c6 W0 W. o; S! ]1 r制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。/ {* ~" x: w3 {9 J  Q! `

" s7 p( `# ~. V' @) f然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
. b" i1 M& P! q- \6 x2 W. X% M' N% p' @6 Z3 H1 N1 h) ~# L
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放! ]9 S4 [9 {% V8 ?
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
$ g! q1 n- C6 Y( W) z; j& U, q- [" f
▼ 放大镜动画& s2 w5 |7 W$ u" i% h) {
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:* H5 Z# s/ J/ @  |0 P

; O  ?# {4 o4 p5 P3 T" p制作方法,首先准备两个完全相同的页面,作为初始页和最终页:! \9 @) Y! S0 [; u
/ _' Q' }8 F2 l1 \3 b1 X/ R8 u
第二步,在初始页面复制原图,将其等比例进行放大:
" P% P9 R* ~% E/ o# h7 ~" K0 K9 D
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
' o8 b1 z2 W4 f
7 }( y5 b- y, O第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作/ X% i2 B3 L3 P' d9 E# m
* R# }/ U; ]7 @! q
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置9 ]4 Q9 Q( n" z# Q

7 e+ J; W( z9 v; i, W% k; P第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
* s& Z/ l# F1 p0 H( S4 G4 M( B0 t3 L
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~+ N" ~1 s$ H" S  r  S% B2 O- C
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
( B9 c3 E. x; s( r' t& u- z- R; X, B0 @: D2 u9 B1 S
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
# c5 o2 ^$ _2 F7 t' M- o
' l* o# a1 p' L# s实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:$ c! n$ }& _" x& F. X

/ l5 s6 v0 q4 U; @- F! T同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!! T* ~- r5 Z. C8 T) T1 M3 V2 i$ c
▼ 数字切换动画
3 a# e) f8 e& I; X# l3 j$ |# k下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
9 P' O6 R6 ?' ?' N) a+ r- ]. l4 s9 g. M8 |% ]/ B8 C
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
/ C$ b4 i- V9 _! G7 M5 d! ?" {0 e: f; ]' d0 j1 h- `( b
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
3 ]+ I  D/ Y" y6 Y  U) o% O9 A
3 ^3 i5 `- p" F# F5 `6 o3 A第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。7 A/ F4 \6 ^& _  `, z7 ?

8 C: I1 x; H1 l3 `6 Y; c& _用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
. g7 D# z% C( l% Z& ]- h' f; c  t▼ 文字拆分动画$ z4 e. v/ F, u3 G2 f7 f, f" r1 U/ _7 Q
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!, M' a2 e' ?% Q5 n

9 i. z3 {) K) [( K9 }/ A% I6 V制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。: W5 N3 o3 I7 H+ V+ s  F. a
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
% \% U9 h9 J' a# O
5 J! t' q* T5 C( |其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。6 I6 `! t- L6 F# c' ?" F
4 i& ?: \, u1 J9 y4 \$ r  z
1 F8 v( y  F3 r% t
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
7 z* ~9 c) }3 I% o# e2 x- M- ?1 ?' M
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。* A, p$ _0 l8 G  W2 }) _8 S

4 v1 T+ }9 p- l8 v再比如这种图片“变形”的效果,用到的也是平滑功能:7 B: i3 b8 u% i8 G9 `# Y
+ }  f! M: K. m  x1 x& f
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。7 q- l1 E2 @! a' e# G& ?6 G( i
! h" ^" M8 N- s) M! X" s5 f
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
- |0 Z( ^" Z6 B; @! Z4 ^+ F: h: z/ c7 j
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
4 ?8 P+ u0 m/ F; g6 E1 }1 W, b* H9 f: I8 x: F& H2 A" p, w) D

1 S+ E( m* D3 R" d  \# U3 C比如介绍产品时,可以突出产品放大的特征:
+ Y# j2 s$ c2 Z8 o  ^3 d
& z" e; I+ U" ]) l4 I方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:5 {8 @, O* S* A# c" _; i

7 c! v, P8 Q( U: m' j) y推荐资源:% f% Y8 G; J- e7 Q( n( P  W  @, J( D

9 V: q1 U% }" ~" w
1 H# C3 v9 y5 u# g9 T. Z7 G  y
4 y& U- O4 w! _来源:http://www.yidianzixun.com/article/0MHFCMpt
4 I2 w9 Y& C) y0 o. _) X免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

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

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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