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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 9896|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
- O  N, |' H$ b5 \, N8 S
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:2 G; t" s5 h6 {1 p: P1 K$ A

0 A! |' [% t- M* b$ f
) S% d$ E" z- s9 S6 H再比如锤子科技发布会上这个非常经典的放大镜动画:
6 l6 @7 w3 U9 k4 _4 }: C9 R7 O. f% j8 u7 z
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
: c3 @: F3 f( z$ k9 M需要用到的是切换选项卡中的平滑效果。8 A' Z3 {- M1 a4 T
1 }) F2 k  q  H+ Q5 s! n% J
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
: C7 d2 S- f, K7 j+ I文章很长,在这里也给大家准备了一个目录:
. P8 ]2 S& e, I) r% |  N; d) ]- F$ R
平滑效果的原理与作用
! K6 A# S# q* k
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
, Z, r  T+ V" v  u+ I5 m觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。6 G% O0 ^$ y% G; h: c
2 D3 e& q) e7 U2 ~- O3 F/ L
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
: t7 R- l2 L& o6 `& x; z% x% `7 K( P7 Q
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
9 C; f. G9 U- B) y+ ~  L" X- l% v# M* ?5 b: s, ^# b
7 i' }1 I, `9 A# @9 d# Q! M
是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。! Q4 r) C  }! W$ U
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。$ G/ w1 ?+ v8 X$ H. N! h& W
, p9 R( |6 W0 ^% s8 B/ e
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
" x, f( }$ c9 B7 K操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
* }: c+ |  G9 ^8 p8 Z) R6 z- P+ A' G. X6 K1 }" H' m
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。% c* ^* D( C2 O/ M" F% y0 \

. J8 V! i6 G1 e, S7 c. P不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
2 _. D  T  ]  W  W6 f5 K9 c& \) m+ m; b
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。; ]- G' J: U7 G6 v5 `" b. c
# f" W( R; u* P+ G" {
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
$ m( k6 \" x. T- s4 @! I5 ?9 y7 Y) N0 O# `& ~7 p  W" J
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。* [4 z  ]% {/ z& ~- o5 @
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
! Y& A3 n1 _$ d! C- E一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
0 O9 x: A6 F7 Y$ |
6 l$ z' @) w8 O$ d! Q. }% H8 y原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。  S, d, ?9 B  F+ K3 D

# I  c, ^  Q, B4 y! Q而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
: J/ S* M. u; I! u1 w5 x& K9 Y+ i9 _0 f; B+ m3 V: w+ Q: G$ T$ K( f
二是可以制作出酷炫的设计效果,不多说,直接看案例!
: e( E& F* T6 k4 C+ K
6 V1 l# {: m8 }( m: [' _8 W' f4 ~% Q; h! x4 o& j8 Q) z
" ^$ x0 N0 l1 @" c" i  z2 Z
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
  f: E, h8 |* o# w6 C3 T7 w$ c如何利用平滑
* U3 g# D/ a. ?$ \. ~/ I1 H9 r做出酷炫的设计效果?
+ `7 i' K7 [! F: ]
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。
6 q% x3 p+ X7 I% i" ]
7 E3 d+ B, C- y$ ]% q+ @又或者是改变图片的位置,生成平滑切换动画:
+ N# e! _7 G1 q7 }; s
" I; q3 U6 ?& i" i% j. R4 K1 g2 u4 d2 Q! j, C* p1 s
关联元素,还能做出这种图片来回切换的轮播效果:
# q3 s# Z- Q4 B& j5 C* [4 T
) t- x% A( c3 N2 ]1 m这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
8 }6 i6 `3 w% H3 G1 g; W2 [4 I( j) ^▼ 剪裁动画# r2 m% Y+ ]# m3 d; L
PPT的剪裁功能配合平滑,可以制作出这样的效果:2 A0 x, c0 m' o- Z" J9 F
# |* N- G5 r1 b/ p8 L" J4 O: T& @8 G
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
7 n8 n& B* J/ a$ A
- H5 Q5 g4 S& B% i& H7 g! b$ h4 W相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。+ d# u% R8 z7 p; ]
/ Q! s. C/ N& I5 k: R4 w# T: z5 w
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:# n4 k  ^- T& K, t

1 ~8 U3 P9 r# F制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。: k0 @& ]3 l$ i- f% b, l

5 w% |5 f- s5 Y6 Y' F然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
* x  E( U4 c1 R6 {5 p. U9 _6 T- P! r1 ?& t& h! M
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放
$ W) I# h$ Y+ W( A应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
- T  ]2 ]( |8 F# I- }1 e3 S- n6 i2 j
▼ 放大镜动画) ~8 ]2 D) K$ c" f! o
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
, x; f' Q# r/ R. _
7 |) }% [# M6 V* b: A, E$ }制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
! G' k9 y+ ]0 @+ y; z* {5 Z/ ]1 ?& h; n, t1 g4 o, i+ [/ p
第二步,在初始页面复制原图,将其等比例进行放大:
& }. L1 }, V! l7 p8 J
( }1 B: c) a1 y* w+ T6 q第三步,点击剪裁,将剪裁选区适当的拉伸放大:9 {) |. q  L" T( ?+ Q

- c9 C* i% f/ |. d7 }" K第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作/ c4 N; ]  y, J; i' M) X& ], O
( S& y7 E8 F+ p# X; {
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置$ o. q! T6 r' f
' `% S4 P( n8 t5 W
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
* ?" w+ u' C( P# s) y) U
3 B" \7 u- s, q完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~$ c/ r7 T# B4 Z' D8 e
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
/ \. H$ B8 F+ `: h1 r7 I9 p* n$ |1 z! ?4 e
3 \' W! S) N. t2 {+ @1 Q3 I/ P: s稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
0 d. t9 m' O; G; s7 ~5 @8 |5 L1 r* U2 d6 J  U9 Y# r) P2 I- @9 _
实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
7 y  I7 d- K# T' A5 P9 I; {  Z# x+ V: H3 H+ o1 f
同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!5 Y) y% ~% z0 L; q
▼ 数字切换动画& N4 q! {. f. r: G: k6 X3 j
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
3 c) d. f' U4 I) q
- v9 Q0 d2 Z2 W4 B1 ?3 y5 l4 u2 z7 v制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,7 g. L  q) x! Q# w0 y

6 i0 I1 n* h, h, G0 b# c8 Z第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。4 T+ y- W; v  P6 ]. p
6 i, q+ `% j$ N% j1 L) }+ l7 y
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。1 K* L% J4 O# m: W7 R/ m! x3 k7 t
) P$ M$ J3 k! N+ j4 t
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。- H# F, M+ A' g8 ]
▼ 文字拆分动画7 Z6 X& e) X* K
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!+ t+ X# N: @+ @
0 I6 G8 N  a3 R0 @* D$ t9 R4 C
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。/ O* {- a, W) k# D( f2 J
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
3 _- r3 Q/ e3 g4 s: Q+ D( ~3 t: C, k2 {3 _: l* f" O% Q) ]: F
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。2 Z& {) K" {% z9 t+ A# a
4 Y- c4 O2 @; f$ W
; |8 v8 ?/ v- V" I: E+ Z" h; o
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:& s* B5 @( y# X1 D- P0 i
* Y; [; H+ i8 A- l
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
! M4 ~5 U% o. e# [+ z2 R8 ^6 x
( Z% S/ O2 D8 d) e4 |$ f! L再比如这种图片“变形”的效果,用到的也是平滑功能:5 }) b, N. P( w: D

/ o! u! r' E7 D# s' Y1 D( A制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
; m  L7 H& j2 h* a7 U
) K4 C/ Q, o" R) k* c以上就是有关平滑效果的完整介绍,简单给大家做个总结:
2 T. D1 `3 d  i; v4 k7 p9 N8 @
# v: W3 u( C4 @1 L除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场5 b# |9 }. D0 m
7 m. z/ y) t/ n; ~
' v4 z. X1 S, {3 s2 v: C: n
比如介绍产品时,可以突出产品放大的特征:. g8 z% d* U- E& ^" D
9 R+ R2 [* \& `1 \9 L5 a
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
& @+ P" ~' y" ~/ w0 B- L5 M
5 d- A# N9 V9 E9 N) e推荐资源:/ Q% |" r8 n- w3 `5 Q$ o( F

3 Q( T# r2 O" j0 d9 _& G+ `3 {; \; i0 A% W  v0 I, p

: Z. q; Q: J- E" X4 F  ]  u& e来源:http://www.yidianzixun.com/article/0MHFCMpt6 \7 I; Q1 x( c# i- Y$ _. K1 j
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

关闭

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

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

GMT+8, 2025-3-4 11:15 , Processed in 0.039438 second(s), 23 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

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