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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 9922|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

/ t  I. L$ a0 W3 r! `7 [' d三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:& W7 A1 v% g8 ]6 n( G1 {( V

5 c4 |" H2 O1 e2 \( D
# X7 u- B$ R1 r0 ~3 t( \再比如锤子科技发布会上这个非常经典的放大镜动画:2 @& h/ M+ i- Q) Q' \- C( O- L

4 U- n8 t( D! P) t" H: `这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
& }5 T% K* t9 b" q需要用到的是切换选项卡中的平滑效果。; u: }2 W) D; E9 N. y. l. C

+ S; q6 m9 f- f0 R" b2 F/ q什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!
2 u" D0 z4 R: h文章很长,在这里也给大家准备了一个目录:8 S) A- ^/ q* E8 r
# y' L$ {$ ^# s; e4 q4 R/ {
平滑效果的原理与作用3 Y6 `+ d; {8 x% e
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡$ L+ c6 S, j& j5 I
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。) m6 }- @/ T2 {1 N
7 Q" ^9 j6 ?5 b
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
' b! B5 V9 X; z5 {0 |) @: N7 p& }0 B. F. R
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
- r( I! M5 _  N4 m4 D" y
% G8 e+ w8 S6 `" n" a+ t# ~- m1 {- V1 m; z: x/ p# h9 @
是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。/ r) c2 n0 t/ k* O$ ^6 R# z
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
) M( r* ^+ m  _8 d! ?$ K, x5 I7 m$ a" d: c) \
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
4 a# v9 G6 t7 J1 ^5 Q2 [9 u操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同" \% M9 {: p/ @* N  b% e1 ]

9 R, ~, w" n' l# I' E% _& Z* P通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
! n/ q; i% Z& K0 M& y6 u  N8 s* S( f( _. q
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。. J) r# M# y1 ~

+ h  S. {2 X! Z4 q" a' x3 `1 M8 }除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。- z0 w' z) I  G  d# d4 U

; z7 n4 s; q+ s  O  x( Z. ?重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。9 C' f( s6 q9 r* N+ g) A& q" c

6 h) ], o! \' m# H. r/ y" k是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
( V" ?; A# S# R5 T
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。4 e- U: z5 U2 f. t* R/ M0 ]
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:' v1 D5 y9 b0 a4 b  q
: E, P# G. z0 y" X4 D8 h4 J: j
原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。& R; w) A- c/ |
- C% h6 `" |' Y* w7 z' C
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
5 n( ?6 ~* S! n" Y" f- f! O! _/ f- K1 S  O; X7 V& w
二是可以制作出酷炫的设计效果,不多说,直接看案例!
6 {8 u; F% x5 d  T
2 ^/ z9 U- r+ p3 Z9 ?9 T* x
3 r- Y% B: L. K
, O2 g3 b1 n9 A7 q& O8 c9 u这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!1 @9 b- v( u; V( Q
如何利用平滑% }1 Q8 [" Z7 j) f- S( ~
做出酷炫的设计效果?9 b9 L/ r/ D/ j1 V- @" p- P
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。6 A- j% W3 C9 b5 W, B

; |! ]" L8 J# W, n又或者是改变图片的位置,生成平滑切换动画:2 }- x' S/ {' o9 I" C/ x- K
" E; b2 t( m2 B* J. A. j

% `9 F1 I% {4 e  z关联元素,还能做出这种图片来回切换的轮播效果:
9 ?% e7 v5 S/ N9 W" r+ {
) S% ?+ F: ~' q, C这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
1 y" {* P8 a# F- I( p9 V& T9 ?7 v▼ 剪裁动画
  {+ T, L$ }! H0 \3 \! ^- bPPT的剪裁功能配合平滑,可以制作出这样的效果:
: \: l% w  }5 A$ p, a8 V; Q* h2 k) x4 Z! a# y4 l' X
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分9 E' m/ a* j( L
- f' C' o9 w3 B5 t3 m5 |. x; X8 z
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。; U) |* F5 V* T6 \* U

3 X. s1 w) o/ ?, p$ X) W怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
2 z# U' ?$ x+ i# Z6 f3 U$ C( @0 G1 ^' v, o
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。
7 z" c* V/ g' k& j
4 d' r: m9 _4 w" N# v) N然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
0 G$ h* v: D5 {7 _+ S" g; J
" m. b5 o- z. u& ]$ }6 R完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放  _/ s. J" M3 S& y& }  z
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~  X; z' x, q: h8 C2 w7 F. I; \
/ u6 g* y8 \9 Z- u4 K* t5 J  X8 @: D
▼ 放大镜动画- ~# ]# d. Q# i( U5 }6 R* n
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:. Y2 Z2 G" R& h2 H8 m1 X

( g+ L+ q0 Y  S8 v7 J制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
/ {/ l6 {2 V- W* Z# V9 |5 F: C; r  N5 |0 I% f+ f7 c) K
第二步,在初始页面复制原图,将其等比例进行放大:
1 N, }# H! l6 s( F. P* H8 ]4 r
: Z  l  e' O# L/ W( @第三步,点击剪裁,将剪裁选区适当的拉伸放大:
8 I$ o% x+ D+ q1 x* q7 F7 g' w
, y( `) L5 d# h! C' C4 O/ }第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作. _& Q) ~# [, K. F- L1 R" v! P3 n
* q, T; ~" r7 p% k  ?
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置
" e! i" ~! R% Y7 ^5 f% f1 t: W0 e- n+ \8 j
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。
; C; L; e& w5 n* S2 T0 f3 S, v# c+ x; p+ m
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
/ Q1 Y# K" j' F: l: g
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
: l) }6 R4 L1 \
  T/ i  [/ u, u, G3 l稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。
& Q- R( S* I5 H9 e( i% {! c9 ~" L# M
7 G. i2 F9 c; n/ g! M实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:1 V8 G8 G4 C2 m0 A+ j; P. E+ l* {

* z; O; x9 s  d# t同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
7 E; ]4 G1 k3 c8 c0 V- u7 x▼ 数字切换动画
( [% M! @& ^6 }6 V' i) M0 g5 m" c, `下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。9 w0 ]9 m; K$ ?, X; W  m+ C: ]1 D' ^
4 T  H8 [+ F$ \  v
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,9 j$ f, x, O5 z5 I

( Z- d. ^* M% q第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
( J! I* z0 ~* o5 ^7 T% ?  I* p! @5 J8 F* _
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
  r" `* \' @. `) T3 }; G! Z$ I$ ?' ~
用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
6 b' s+ b: Z( G▼ 文字拆分动画
  W8 k0 V" Y( L4 @7 r' n6 |在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!: s3 A2 V* L6 x* z

( [; _1 }/ d2 e# U6 |6 S制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。) H! M/ A3 u$ Y6 E: c- n6 r
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。" l# Q' F8 M; P) e
' H/ n3 L# O5 J- \# ]
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。- x, S& L6 a: K  t, [

/ y+ r* B' T& ^' F( o* @; R% E  ]0 H& {# j5 z* i& {  G0 U4 j
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:8 L  v" F4 ^9 @6 L# ^
9 N% H9 _0 i; x! S
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
' f7 E1 o0 W" R1 m0 X, ?, _& i0 P( g2 a9 O1 I( t8 d
再比如这种图片“变形”的效果,用到的也是平滑功能:) w$ }0 Q9 M& j! |3 J
( z0 w6 e( Q9 d: t
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
# k( f* i0 r) v( n6 Z" o
0 K' |8 W+ j! X* m; _9 M( H6 L以上就是有关平滑效果的完整介绍,简单给大家做个总结:
* j- e) j% ^" k9 b) {, p6 z7 C, T+ [4 k' ?
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
( s* ^7 {0 Y( ~
- ^; Z* B/ y3 K& V4 F7 |$ \) a, c) {
比如介绍产品时,可以突出产品放大的特征:
  D5 U  p+ D7 `) y2 ]  B
- ]1 v: F2 F* R" N/ H' V9 C! u方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
. a9 o4 q5 p9 v3 _6 O
# B5 c% r0 M/ n0 q; B9 _5 ?' ~6 Y* o推荐资源:  Z8 n( m1 {3 \8 T' U; F
8 {; W5 x0 b. x! K8 f4 L: T; v

* Z, @$ ~* g1 L3 L' ]# ]8 v) o' t, y/ c! r' g5 ^. `$ q
来源:http://www.yidianzixun.com/article/0MHFCMpt/ m4 I' p/ u! Q) N8 \
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

关闭

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

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

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

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

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