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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10011|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
! I$ X$ r' A, Q! p, D1 i) k
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:$ Q7 n2 b" m2 ~0 z1 x+ N

# p% T6 m* y# b
& {. @" Q5 R' T0 P/ e9 E再比如锤子科技发布会上这个非常经典的放大镜动画:
+ P1 w6 f5 G2 ^& u3 z2 J2 h* D8 X+ I9 r2 g4 f
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!% B! D6 Z& S1 k" J
需要用到的是切换选项卡中的平滑效果。& ~2 T( D2 Z3 G: X! ?
/ L, o: ~9 I' H8 d4 d" {' L; d4 }- x8 E
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!. J1 k& m$ ~# w+ K3 ?. _* r3 t
文章很长,在这里也给大家准备了一个目录:* Q2 V8 Q: v& L  h* @! Q

# W, J$ T! v: H7 k9 s! w8 J2 E$ k平滑效果的原理与作用
9 v! x) M3 e. B5 y# w6 m/ E
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡* p* C' I2 i2 _
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
! ^. B3 y7 g' k8 ^0 W; W
' h' ~( z, n) ~9 U( R6 z0 h; e8 C6 ~此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
( P- W0 J% ~: l$ [2 U7 s6 f' ]
' G6 V3 O' t! X* g8 e除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
4 X, W8 d0 m" x& s  S+ L* {$ w' k# ]2 d7 M% p# \

1 |6 {" y7 X+ A+ B9 a% D是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。6 @  ]5 n% j' v) R& G3 i
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
  E. k5 g) v' T+ B7 _& F
! J0 K8 P7 V# D5 P* _2 i( i怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。- X9 }6 Q( }6 T( I$ V4 o3 C! k- ^8 H
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
% Z6 P# U/ [& F2 p$ I0 ]
" M- K9 }& \- O通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。, a2 j: r0 C1 `- H
$ b2 _7 \* u- S. |' d$ z- O9 I4 O
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。# y; g5 q/ ~8 @
  u& q+ ^' Y  g2 `
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
" M' r! P+ t6 x8 Q) C; R7 w# a$ p/ ~" `0 H
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
) ]# {3 r6 N" s6 G5 f; ]
, a% v, P8 F! s' B5 U是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
$ O6 t' b( n  F+ {
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
1 _, t2 U: \& |% P/ Q2 |" Q% N# W0 {一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:) q) ^, d1 g; K. P# o% S6 F* ?

5 W5 z- U5 I/ Y" O原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。$ X; L2 H9 Q6 c. L

; ^0 v$ {* y, E0 z而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
1 u  J, e% d2 O$ n, I* p+ q$ g
7 x9 ]0 @: y! Z7 E; |5 C5 O二是可以制作出酷炫的设计效果,不多说,直接看案例!+ w' [3 o: i% D) ~8 u9 P4 G
# U5 {' C6 \! A6 y1 U* X
. j3 \/ r6 s/ C9 c4 h* }

" H, M2 p8 C1 [1 r3 d这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!; P: d) W. R  v/ `& p/ p
如何利用平滑. o9 }- x3 g: b6 l2 {+ u; o) Y+ K6 g
做出酷炫的设计效果?1 {) d" U6 J0 T% ]& ]
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
, f0 \& O+ R% g4 c) H$ a0 j5 |3 m; T+ ^& L" }9 ^& ]% F/ t
又或者是改变图片的位置,生成平滑切换动画:+ v4 \' J- w" p( G) v6 F9 _9 v

: X! O) A( d# E2 g5 h
- j; ]8 K: `" L4 r: J* R关联元素,还能做出这种图片来回切换的轮播效果:( y  F; v: Y! T
6 ?& T% r) i6 `
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。0 n: I8 J/ f5 |+ q0 s9 M# b
▼ 剪裁动画) {. {- I$ y) I3 f
PPT的剪裁功能配合平滑,可以制作出这样的效果:
1 c8 K: s9 x6 B3 W
& H. d# v  Q: P, c  |+ a% Q制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分; O( L+ Q/ F1 V" s& Y8 G
% h! P" a3 {, i  F4 z
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
: L) K  p- Q7 H  f
/ _; K2 T# f$ i$ R2 ]# m怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:$ q% ^) W& R. _+ }. ]  r
/ x0 `  [( B* U5 Q
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。  m; E! N' h9 z2 p9 @. i0 ^
, v' y! s& n+ k5 `$ ~4 E
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
3 g! v& C/ \, s9 m* C; {; @) s& [9 {) `/ J$ l. I
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放
& l) T7 U) t# I$ Y! V应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~# z8 ^5 g: D6 |* i* @  u. h1 K
/ W1 F: k- c/ r) q$ a
▼ 放大镜动画
0 ~+ k# I" h1 a4 z  T2 g9 v4 G锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:5 g9 p9 [8 t6 D. H

# ^4 y% p  w; }# K$ W制作方法,首先准备两个完全相同的页面,作为初始页和最终页:/ Y4 _1 G6 I" N& c# d
+ V# Y0 z/ H& q) i/ L# l! n
第二步,在初始页面复制原图,将其等比例进行放大:
( \. B. w+ b5 H: n  s; j- E4 F' y1 N" t6 ~4 Y
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
& y: @( c- n2 y. G% r
% g% }: T" k% B7 x7 T1 Y' T第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作! w: _4 t' O6 B9 F8 A1 b

+ j( i( q3 ^7 {, {第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置! |6 E1 ~5 c" ?  t8 E
# R# E. ^3 i( B. q
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
- U2 i8 U" W  `' D# _4 a. |' X# c% A1 Z6 ^  D" w' C
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
+ A% y# d% m( G( [  s& w
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
+ k0 T. c% }: l4 ?: Z
5 s/ Q' B6 |# r+ `9 D- f稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。0 H/ f0 Z/ e/ L. G; |+ o- ~

* A3 k8 q; ~! |6 {. _2 g- F实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:  y. a: F) ~! m/ a
; E; l2 I5 B; _- V
同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!8 ?8 j8 i$ V' i9 i
▼ 数字切换动画
6 u* V6 P' j2 p* Y3 v9 w下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
1 l  ]( r8 v- g5 w8 ?
; a# d- E# J: s- C; L制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
7 T! p: w1 ?* e6 U/ M" x9 e7 L7 b6 J/ Y4 N' D8 L! ]1 ?5 F& z
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。+ U6 F% A& k" R% o

1 ?6 |0 W" Z7 T: n第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
/ H7 ]7 h, P* ]4 }+ N& A3 C6 l, t$ h% k4 w& |# r
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。0 i' R. }4 a& r! C6 y
▼ 文字拆分动画4 a3 `: D- f$ x) G9 t6 u. m
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!
  M; P: r- Y/ S0 V+ p2 g5 f( D
- F$ s- r8 M2 E/ V, c# T制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。
! K# ?# i# T5 t( @8 l当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。: e$ [; a( ^8 j

3 C, \) W$ a& E$ ]其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
! m8 Y8 M7 F8 G8 H9 ]9 ]
* T7 `$ M, \7 t2 E6 X! E
5 U% q# H, U3 i9 g2 [+ T, S6 F
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
) W5 [7 W2 i& R4 u8 \. x/ N6 K
  `1 ^0 D* v6 Q1 Z' M* |0 F$ e制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
- f% Z6 U- Z) ?) B8 c# \# G& w
, E# B/ r% m1 e4 H再比如这种图片“变形”的效果,用到的也是平滑功能:: E! V, t: ]: U( n7 i4 v, q
! L! f! }7 I; S0 ]
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
* e4 I- j" S8 x$ p. n- h* o+ ~* {; D# V& ~# D, M
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
% X) K4 X: l- o6 e$ O$ `$ o0 ^$ C
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
- |( H3 ]7 r4 z
+ s& r( `9 `' I% S
! W( o- i+ Q$ R9 [3 C8 m比如介绍产品时,可以突出产品放大的特征:) A' m, _* j+ r8 l

& L! e$ F4 U, e7 x  J方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:, c8 \+ t1 Y9 @- o9 M
! {4 J, T- O% j
推荐资源:
9 C9 s$ A- R$ w# s, I' B, Q, t$ M/ V, B& M6 N; q2 ^3 e$ y
. @; _# t/ Y( D5 z& e0 X0 \

% q; u8 Y+ I& G) j3 C4 a$ l. y6 }来源:http://www.yidianzixun.com/article/0MHFCMpt
- w% o9 b; m8 Q- H8 ]5 B( m* {免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-1-19 08:12 , Processed in 0.044252 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

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