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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 9923|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
( [0 v3 r1 s/ U- x# Q' c. h8 Z' _0 G
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
. F, T0 l0 K+ s8 y6 Y+ f. }4 r
1 d4 a- [: K) N6 n/ H1 o# d
" R) K- D$ T# q* ?; L# l再比如锤子科技发布会上这个非常经典的放大镜动画:
+ x  v. Z+ b, Y6 S7 K. I% X5 I8 I( P  m, M
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
7 g9 q+ e( A9 E需要用到的是切换选项卡中的平滑效果。
" T; z: r' o  a" x: Z
8 ^0 H: P- Z- d6 l" {什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
5 `0 Y( H3 K% R8 s- J, ~" w文章很长,在这里也给大家准备了一个目录:
/ y8 P3 Q2 F. v: }7 E$ w/ {: F. L8 G$ a: ?- {
平滑效果的原理与作用
" i9 \6 m! N" C- n! G3 P; T
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡. J' B5 a5 r8 l) \
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
! K& ~$ k1 P7 Z- q2 W( F! k; `/ }
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡1 C% d8 A& V" t' u4 N+ F
' s  W$ x( T& _, g7 {5 l
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。$ D. _' S3 d" R/ |9 Z
- p8 \  R$ {& ~2 v$ K

1 x1 _4 M& f1 P/ ^( A/ c是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
" l3 B  j* d) e/ @) h
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
2 F7 n7 C/ _* E/ S9 C) h' }$ A9 A$ E5 a4 M% R, r
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。; Y% E8 ?0 T8 _0 z% z
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同  k7 [4 \# h/ S  N
+ U& x. V$ a1 l% M
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
- s7 E, D5 E  Q; g/ p  u3 n
# H6 f8 S% C$ q4 ]" o不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。7 L* w6 y3 g' u% C" E! u/ {  x% g

# N  S* B1 R, K除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
( e9 Z( ]& f+ |% ~, w- x" t1 @2 J
) x1 ^- w5 D# |6 [- S重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。/ `, o, H# `, f! f0 w

& C' b- [# q0 U7 o5 S4 Q; e是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
5 h1 x. }# b. m5 \' p1 a- d* V7 A
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
) Y0 q0 }- E5 Z一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:  F  d* b' S2 H: @7 D1 D
7 k! d$ o! L8 g7 {
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。
# C1 Q; O$ V; P7 @
4 Z% X8 b" `1 \! p3 w1 {$ W而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。5 z: T3 ]1 ]# }! K/ o5 a$ U
! ~. g1 I! V, n4 Z- {$ D
二是可以制作出酷炫的设计效果,不多说,直接看案例!2 I- F* L$ `5 h/ G8 y* o
3 P3 a+ @% _% D# a! Z' u, v

1 K! t' v+ A3 ~; t$ h6 v
  O/ {; B. D) z4 T- g( A' I) ?这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!! w7 v5 X$ g: u& B/ O! a, o/ T
如何利用平滑( j' c5 u  {( o0 V
做出酷炫的设计效果?
, a9 j- w" S* X5 G  I, S
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
7 K" j: w8 Q& \9 @: w6 P( P0 m- v$ X" C9 u
又或者是改变图片的位置,生成平滑切换动画:
; W* y, i" a) b/ @; {
8 A; h' l1 U' p( ?' T5 k! h& Y2 Y$ ~) c6 y% v+ M* \/ h' k* I
关联元素,还能做出这种图片来回切换的轮播效果:3 F1 }8 h$ C' J' Q; c: F

. A) x; N/ u. c( _( ~: `6 T这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
7 P/ Y2 _- b! W' U' m3 X▼ 剪裁动画
" |" [0 Q7 C1 i# o) ^" C( G" NPPT的剪裁功能配合平滑,可以制作出这样的效果:' c$ s: r9 u4 r# ^/ V$ p
* a' _; \* _/ Y. `
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分- n4 W0 h" C% W  U, q5 _
2 \# |# q- c. L1 X/ w' U7 |
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。2 E( s! P" k" f, ^8 ^1 o4 h
: ], ?  ]3 h! ?4 N: B4 m
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:: [! \8 g5 U' I3 u' {1 M: K
; I# K. j2 n# k
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。
3 s; S8 L1 I8 z6 T
# \" K! A, S" c; l4 f然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。' J: ?. A* P, Y9 a1 p
: U5 }: ~. y  Z3 S# p4 g
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放9 A0 J% B5 h- x. u
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~0 R3 f) {! t8 p3 ?! Y7 n
8 H. n5 e) e9 X! e/ X
▼ 放大镜动画/ }0 ~% S8 z" M
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:$ {5 q' u9 v$ t8 L0 w- {
9 z, I/ H3 U% s6 s! E; [
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:* e1 q3 X9 ]0 m7 q0 e

2 S* x# Q& |' N/ w第二步,在初始页面复制原图,将其等比例进行放大:
8 G" i' s7 ~# l0 X( h2 Q0 J% S
2 J2 \# C3 L3 G, K: V( r第三步,点击剪裁,将剪裁选区适当的拉伸放大:8 n4 L2 h! C' A  z3 ~( b

. f8 e. y7 t+ g; I3 N+ l* d第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
4 E/ q( b. f/ H9 {3 p. ]" B0 i4 K% P$ i8 v
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置3 a- b) X! N! ^$ B/ u- _

' P4 m1 p+ |1 J: W- s! i第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
, |* j" D6 K9 G' A' v7 P) ~& E) ^8 P+ e
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
7 R$ j! c7 ^( d' ]
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:$ ~' K  u$ B9 D# x+ n7 L; S' B
8 K/ g4 j# o+ L8 S4 s/ l
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。6 H$ K! B5 U% o( G: `" u7 |9 Q6 O. Q  T

5 u# R! ~" [+ Q5 ^9 ?( I实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
9 ~; B9 n; ?8 F' L* ]5 I6 u, B) B; q
同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!/ A5 {2 d0 C% F( e
▼ 数字切换动画$ i+ Q* a% }4 |8 S' m
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。4 M6 z9 g8 E6 E( G/ Y/ C4 `
! z: i5 P* V$ X, ^7 W' ^& S+ Y  n
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
- y5 V7 Q4 u) O$ z% S
6 s5 K! h+ B4 R7 l; g! n- H  v第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。* [' t' C& E+ D, v+ D; B2 q* h$ y

  s: q9 A6 f1 ~  A0 J1 N第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。) G% g4 o8 X6 i& C

) \' h  ]; r( S8 E9 J* h用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
* [( t, i, b* V' _7 P0 {8 s▼ 文字拆分动画) Y- `) T8 ^1 X. I& k& }& d0 g
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!5 v  @& X( T" s2 K

% d0 h) X$ `" R% }2 C( c: ~+ ~制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
# ^: T, n& V4 W; U# ^+ z' e4 v当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
7 D2 \1 E! j$ O) N3 F9 ~5 e$ |# M0 t  N! j. k: p* i
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
; Z; W" d5 K5 ?# g# @+ O+ C$ U! F. ?! e2 O

1 K* m# x5 i: @) Q
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
$ j+ }8 {! h+ D& A& K! G; C) N
1 t+ ^3 T" h$ W1 ~! i* z制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
/ C( L8 X5 l- c. j* p: h
% C, {- O/ m8 \0 D) g  v再比如这种图片“变形”的效果,用到的也是平滑功能:
1 W7 e; E1 v  Y$ i# b0 B
- ~" H1 A% A& ^* K, V8 n) {1 v+ ]制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
- S' w! [; F. y% r7 _- R( y) q+ X# ~
以上就是有关平滑效果的完整介绍,简单给大家做个总结:) s. d2 [1 z) m

* K9 g- ^+ B7 w1 N# {! A除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
% M2 ^/ d- ~8 F# w% L
0 B3 C+ p$ g. M+ g7 }: t( x1 F+ C0 {0 O* s; v- ]: z
比如介绍产品时,可以突出产品放大的特征:- `. @3 o& v" z7 k2 \. [- ?
- ?! _: L: N) l9 H% W, V
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
5 p) ^) B% s9 D# A$ b; k) _- r/ O
( h# W# e  r. D0 ^; `! e6 c, w推荐资源:1 C$ T7 e$ F! z, k# ?/ k
0 U, z, L* K1 N7 I0 N' w! T

2 S: W3 h2 s4 q9 D" @& }  m5 r( t5 N. G; Y5 V& R
来源:http://www.yidianzixun.com/article/0MHFCMpt
4 h1 V0 z% G$ W& Q' y+ @  u免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

关闭

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

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

GMT+8, 2025-7-20 00:33 , Processed in 0.041410 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

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