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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10043|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

: E2 W$ A/ Z6 G1 |  K% c+ I三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
  h) J, L0 U$ Q# M/ w
. j$ y+ }" p0 V0 @7 l+ ?) E: Q1 ~9 f0 x3 S! |) {% m2 f5 u
再比如锤子科技发布会上这个非常经典的放大镜动画:
  Y1 @3 j0 F4 _; w+ J$ D! A/ L. _& ^* L; `
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!% e! W9 i( i: T! l
需要用到的是切换选项卡中的平滑效果。) o& X. G# a) p4 _7 j! X
4 t: X5 ^  F- \# S/ V
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
& T7 Q! B1 e+ M& X文章很长,在这里也给大家准备了一个目录:; ]# x& }' q) V5 f. n* b" Z1 O  T
1 N* F- ~. p. c  h* L% x
平滑效果的原理与作用
* v  M2 K$ R5 h  X6 ]* h+ u
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
0 C3 A# V$ p0 @2 Q$ I, P觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
6 B5 e4 X; v( B8 e$ |3 {4 u, `9 F! ?" J2 h) \. Q7 R( [6 i
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
' I% ~7 Q7 V$ }6 E. p9 d# t- U) W& q) X% V
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
9 s  ?, ]/ W) E: v( R5 Z1 {. Y" H: r, ?& Y

& j: a! Z/ u3 |: }( B. h8 @是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
1 s1 `/ j9 w. s$ A  `3 x9 l/ I: I0 k
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。# h* o0 q* p( F
  Y5 }% j/ P9 Y) U2 V) \
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。6 i9 t4 ?4 g" g; c) p! P
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
# Y8 j% |: a8 H  q: o4 n/ V
/ {# ?& W: H) D/ V" }3 B$ b1 l通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。+ z1 Y/ |. H/ \9 b6 v

' ?* e' `  i3 Y2 e: N% {; [# `不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
: [2 N$ P7 S) e0 h/ R! ?! O/ O. Q* y% c# J& g: A
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。  `% Q0 f4 k% n; ^. P7 }
; a+ Q  v) |; q
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。* Z2 a! M8 \3 x0 w3 l, ?
% T; O+ k5 k; d! t: P6 J, X
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。# B% h; U+ z& P7 B
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。) K' D& f0 ^* j6 ^; D- E! f; B
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:/ Z% v( Z2 R' x1 e+ J

- Q8 g; V0 A- E( ?8 P+ `) v原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。
; n0 X" ]: d! ~4 ~; e( U! s" Q" B: Z. r! D* f- y7 {6 Z$ S3 R
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。, p  M% X6 `# k2 H" F' v( b. ^8 b. m

& R% d/ ]' }: N' V3 ]1 z4 K' _二是可以制作出酷炫的设计效果,不多说,直接看案例!/ H/ i; d7 c9 s+ ^" J
' p) b- H9 E. k
* Z1 n( Y- F& d. @4 I

: T& |$ }/ \) e4 j; o' i这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!3 r' o! b( p% {1 o( U
如何利用平滑
* B5 h; H- U* K- E  B做出酷炫的设计效果?" _9 Z8 }! B8 q: J
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
+ p% I' m3 J! @5 i' S, @% D: O' _4 M; E
又或者是改变图片的位置,生成平滑切换动画:4 h+ L6 ]3 e& e/ R8 p$ Y

% L2 M, B" n: d( D
1 y( U6 D$ a5 m* o, @7 d5 w4 m关联元素,还能做出这种图片来回切换的轮播效果:
7 }9 Y; Y) O2 \+ J3 Y. h, D! g/ P0 P3 ^, S4 D
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。# P* v, `* o/ T0 ^) \
▼ 剪裁动画
" h' Q; I$ F' V# t+ [; P4 {PPT的剪裁功能配合平滑,可以制作出这样的效果:
: s. A4 G6 ~( o; d" v9 s3 e( c
1 `' ~3 Y7 g% h  E7 \) {* C制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分1 W) ]. L- i7 X
$ Y8 Z5 w, z& w) V" y& R- a3 @
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
2 i. U4 H1 m2 m# Q3 p2 I9 T. N6 }3 J$ ~/ R$ H  |8 U4 O, e
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:2 U( ?# ]3 o- A* O' M

2 a# M9 E- D* U# x0 F! T, R制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。- l) V2 P& u7 u3 U$ t3 {
& i1 v$ V' i3 U6 x
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
" |. U" J) A( x4 ?7 _, B/ q% d
. k+ y0 c) G' D. y3 s5 C* x完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放8 V% g! P3 q& [0 p
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~% a% F+ K; l7 O2 L9 P% \

( {4 l- M! H. M$ R* I6 s▼ 放大镜动画4 p! W$ H/ m' r+ o: Y$ s- R
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
+ G6 X' |% P# j( \4 F: l. g) P, q: U% G$ }6 s
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:7 v7 a1 ~. a3 \

* C: r6 [* g7 v4 z1 \2 Q第二步,在初始页面复制原图,将其等比例进行放大:8 u' T, Q# B9 x( F) v' m8 d
- E. f; `8 |4 |( J: {; [/ z
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
6 g5 _- |, e8 A/ o7 K
% M* j( M# `) N第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
0 N% Z/ K) o+ V4 |6 W% K* ?: S: g/ n+ z" N1 M# X) B
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置2 F( |/ U2 \- k# W

- Y9 e- N5 y  g; R第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。8 E8 K0 R/ f% z- e; C/ N
3 L; P7 a( h# M+ Z: H% H. h% o
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~' o' ~5 y0 h' k' B! \" {( V- f3 J
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:: \$ \% ~0 [) X* w
: k( h6 v/ H8 [, o7 O- N
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
4 Y' E/ M& h2 k  c& K3 F" Y0 ?4 G- ~+ M: }  f/ e
实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
/ N( J" p, c% X" w4 }
) z- r: f. V! S5 W6 a8 r4 D同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
# ?! ]3 {3 G; c. P- M▼ 数字切换动画* A: N7 D9 D7 _6 O! z- X5 B& z
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。, \! _) a8 [5 N2 ]# X" N
( z- X/ J( M0 G+ T) H8 t, O
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
+ p9 s5 l( J- U# m0 \: w5 J- R
2 M/ t1 ?1 j  h- E: ?第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。- [7 W0 J& U) ?3 E3 n$ n+ l0 a

7 e1 N3 t4 j! ]/ A& f  ?* y第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
5 s  c: s0 }8 l- P9 C) d% e' _
# U( i0 B4 [$ w  ^( @用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。$ v0 V8 H1 V; _9 c0 w$ @- f4 B. `
▼ 文字拆分动画- ~6 g" D6 e- |( w. M# m
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!6 Y- y; L* z. r( c0 e  i: z* e& `1 ]( S

" o: i4 f' N* D/ U9 w# C制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。4 q- I& e9 {1 t  L2 E
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。( W. e3 j  }- K1 o! U2 b* F$ b

* A/ A" g0 I. w" `其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
9 u; h# R0 n% T
% j2 l7 o3 p. F6 O$ w9 s; E( Q
1 U0 M* R, v' I$ T9 \. p
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:, b5 B% }& Q! z; m. n4 e' n" f

* @/ U/ f: P4 r8 E& P+ x0 d+ k制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。7 |& b4 p* O0 g9 S( h+ V" q0 e
" i2 t/ U. y9 ~6 c: T" q# V' q* o
再比如这种图片“变形”的效果,用到的也是平滑功能:
" {9 C  o; M, u+ Y% B8 B: o, L( [
3 {- \. T0 h" w2 A9 K制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。6 o- j1 R; |/ J! w8 f, e4 H  M0 M

- M7 f# Q6 B( M$ B. `1 Y; i1 o以上就是有关平滑效果的完整介绍,简单给大家做个总结:
/ ?- W6 H  X" O" l' V1 ]1 [; g) ?$ L7 ~# T
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
" s* B  n) W8 O$ o+ k5 @$ h3 U+ A( X" B

. k/ w( ~$ y2 g# L  V比如介绍产品时,可以突出产品放大的特征:  m. y% g, S7 ?6 e5 e
, F! L2 ^3 f' H0 b
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
/ a* u0 e1 |5 c6 }2 U
* Z0 E( g! ^, U推荐资源:* k, E9 c7 n1 l' i. @

9 C" l3 v: i! ?1 ~$ P3 e4 u. n
. b* |* ^* B+ U0 R( [" @) k# |# c+ O
; ]- [# ?: ~5 [; Z( S1 h0 I: S8 o来源:http://www.yidianzixun.com/article/0MHFCMpt2 ]' w5 I5 [. ~9 W+ n1 T7 ?9 l9 Q; A
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-20 20:24 , Processed in 0.045453 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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