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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10035|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

/ T2 O9 i; J8 F5 h5 r) c5 a三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:/ r& u, s3 `4 J. D9 l% G
! Q2 B$ [4 r$ T# \: b8 W! U

% T- F  c" \: [6 A再比如锤子科技发布会上这个非常经典的放大镜动画:
- d. o, v* w7 f8 }/ W' l, D# W9 h( D8 L
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!( V5 `  }6 u8 G$ ]" y& T
需要用到的是切换选项卡中的平滑效果。
3 {, W, v! b" T! q6 X9 m8 O9 Z1 L7 H" {1 Z: N9 x; d! x( v; {
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!7 T6 V% P8 q, G0 w& A
文章很长,在这里也给大家准备了一个目录:  c9 {6 j2 n: [' ^
& Y: b- c( ]2 E' v) _8 M' g
平滑效果的原理与作用
2 `2 q4 z1 o/ D1 f# q- [  O8 L
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡/ \& v; x! Y7 E" z. S
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。( }: p0 Y/ E$ z

' P' C# e% k. W3 l6 ^& K+ s: F此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡. a5 G6 P8 q* ]% O7 t, a

( n3 H6 P  W3 f* h除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。+ E" R( h& B* @! H
' c+ |4 v% M$ I) L* M

# D! I" G. ]4 W( A& a6 ~$ j" a2 L8 \是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。" ?0 j9 [4 u( I' ?# V/ b; J
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。6 P# D3 \+ s* f1 w; P
+ O) F2 W1 M: d: Q- o
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
5 `& G& D' ~% Z操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
( Y; [. ?/ o+ E- ^- q6 r5 Y7 B0 ]* y/ J7 p8 `' w9 x
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
& N( N: v8 v; D9 R  `& n& m4 R! ?  A8 i6 O
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。1 U7 v/ v+ {" E2 s1 F% ]5 ]7 E8 f
, x1 Q; s( r- J
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。: f& m9 H( l* w1 a' I5 R8 U
7 I2 r% t! m/ i) s! U/ F5 K6 r7 Q& g$ D
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
3 O1 y+ D% z' B3 ~9 J! A0 |* H# F( P( D5 j" ?6 R# c# d. |+ }% [
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。) ^5 ^( M) b# A( w& a& m. T* ~
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。
/ P, s# A8 `# h& @: d3 c9 f一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:- d& j/ G  E. u- m
" {8 J( T; [9 |8 {, c
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。
* _5 r6 Y4 h, i1 R) o/ \# B: V9 a" Q
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
; E+ H, [! r5 r( r
& g' i* X% T, ~3 t! Q6 P8 G二是可以制作出酷炫的设计效果,不多说,直接看案例!, U7 ]# v5 v' {5 J* ^' {& ^

; d1 m* V3 S+ d: d- P, j8 W3 K9 x! A# u9 [7 [, ?

6 x+ E" J& w) U  n( B* ~. a, ]这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!* V, g. ?% ?7 w8 v9 Z
如何利用平滑  T* y  p. O# A: p* ^
做出酷炫的设计效果?% F# q" s$ q8 i4 J/ {
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。3 |! ~9 C6 M/ v% F9 B+ w2 y) [( S, _

; d: [9 z3 E; x4 z( o$ d又或者是改变图片的位置,生成平滑切换动画:) K" c6 I0 O, Y! n7 `- d! G7 Q
  C$ g. t! |! f# T. z: i
6 q' h, m1 r9 W8 V
关联元素,还能做出这种图片来回切换的轮播效果:- j, P# x9 o/ V5 s) I9 k- [

! q5 L3 n, z  `& @" w. t- |这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。/ G4 c/ B" u. g1 y/ O- j6 w
▼ 剪裁动画
3 A+ z5 d6 ~& H( t- V  \; @" ?PPT的剪裁功能配合平滑,可以制作出这样的效果:' |. P) |2 f# E5 y1 ~. T
$ q+ }+ y7 L( _+ ]
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
( j* i: F, Z! W: i7 U: y" o0 [6 g1 Z. X8 o
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。& }" g" `  @% b
* ?( w( K$ s3 j$ \; `
怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
4 s  Q& d" l: z2 R1 w4 O
' {3 G  N" T: m2 M0 b& s  Y1 l制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。. D1 R, ?+ V  g$ x" [
/ i; O: a% c% B8 t1 K
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。% e  p6 p6 L4 J
/ W8 c+ T; S. y' P- ]0 H
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放" l6 ]5 u% e2 K0 G0 X9 C
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
$ @9 N8 w, s, A# L1 u) d6 j9 g
! L3 ^4 F* t7 {  I  P8 l5 c0 @. E1 H- r2 s▼ 放大镜动画
- |* A- P0 e# u: ~) \9 _锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:, i" B) f2 s9 l$ y. V
& H6 u5 C5 w+ k. C3 B6 i
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:* D" p+ t" t2 P" o; D  Y  o' u

+ _4 W8 e; R- ~7 @第二步,在初始页面复制原图,将其等比例进行放大:
1 K2 W1 P2 i  c  K' y& u7 t5 e, P4 y+ R0 g' u$ T- d) A. d8 ]
第三步,点击剪裁,将剪裁选区适当的拉伸放大:
* L/ w. E8 j) f# p0 \
; L. n1 |! K, X/ j第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
0 P* ^3 A0 Q- q
% g$ L7 H3 z: j! @第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置
1 r4 j$ Q: M9 m- x
. x6 K- N  a! Z$ P第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。! A; i& D8 g# t4 i
) I/ P  t( J1 }: K. h* C
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
* B6 m& i4 G5 v9 l
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:* S5 L5 t" d1 H
) C5 c' a7 f; T$ B( D& h& @
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。( X0 H, Q- T( _! C+ p! X
5 d+ |3 n# T4 }3 k7 T
实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
" U6 m% V, C5 M
, s; `: D; s$ @2 M  r* r. T0 m4 [同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
3 R, M0 k' w3 H0 }* N▼ 数字切换动画
# |' _9 _: V  Z, f' l+ c/ }* ]下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
4 [/ n5 a4 h1 I
3 i; t6 b5 b+ g制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,5 q3 U1 X6 {: Y3 ?. m& K1 J" i4 N
% e$ [& ?8 [4 C  P, s
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。7 X/ M+ C: q/ f  S& F& b

: C" q% I, F+ K# A8 |( k第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
: V0 f0 H& K" _' F( J9 {4 R+ v9 o8 J! N6 q, H5 F" G
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
; c2 o3 W+ [4 ?6 ^▼ 文字拆分动画
3 j1 B9 c1 A5 l6 q在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!
7 [" c1 w6 R, F
- W7 G; a. Q2 p  B' W9 a9 \) Q' ?* _) H  b制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。9 G; D9 y* V1 n/ p" i
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。3 I4 Z& B( |) W4 X* z/ ~/ v" j: i
+ Y7 G- s; q% }. R( z5 d% Q4 z
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。8 |, H6 p. \9 C0 v
! n. U, S" [& j8 P

7 x/ n! h9 C% E3 `& w
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:- R: \8 g9 I! h5 A9 A( @9 @
8 r1 g: c  ?- z) b0 h
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
" K- A0 {( H$ }$ Q1 V
& Z, U$ j  c' h2 S再比如这种图片“变形”的效果,用到的也是平滑功能:6 P9 x1 s0 Y% M, ~3 F
* \% k% e1 z! V+ m) ~# C- h& m
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
- r, \- B" m$ l
" z2 L$ ]; B) q: _4 h2 H以上就是有关平滑效果的完整介绍,简单给大家做个总结:
1 P7 \1 p' L7 ~5 Z) Y3 U
+ J. \: e, l7 D7 i' i, u除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场' G* c( i: s( |% F1 a/ M6 Z* \. \9 K
6 W; {+ t- i8 [0 Q5 Z" T0 J+ O7 {
/ u7 y! B0 a- ?
比如介绍产品时,可以突出产品放大的特征:
* G0 l1 v$ x- P3 F+ v0 n8 B" ]. g/ Z
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:6 d" C$ H8 O, y$ E! D# O0 q

9 w- P& P$ S4 i: d, Z* M推荐资源:- @2 E+ A, F  B& F
3 M: F6 i. s6 Q/ R3 B6 \( q  s$ j, l

9 r" L7 m5 E0 [0 \; S7 \9 {1 V, B
3 G# w5 c& ?. [' B& K来源:http://www.yidianzixun.com/article/0MHFCMpt0 [* `! @) ^2 C2 \$ X9 l4 Y! x# A
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-5 12:32 , Processed in 0.043322 second(s), 23 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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