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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10197|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

  i0 s  s; l/ k+ K5 O三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:1 w. h$ ^; U0 D* ?. w9 }. M4 @% X1 M8 a

8 r; q/ P& U8 S
+ U0 t  g5 @) z" L- {0 R) {7 r再比如锤子科技发布会上这个非常经典的放大镜动画:% [" v8 _% v! D, W- X
9 U3 }. f& c! h+ i& b' i) g
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!$ R) \, K& ~0 q/ A
需要用到的是切换选项卡中的平滑效果。
1 G8 _" e+ I2 y2 ?" e! x& ^* E
7 [6 ]- s6 ?7 v- j% |4 C  m$ }什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!. g+ G) g- q- x! {+ K9 H7 F, I
文章很长,在这里也给大家准备了一个目录:/ ?  p1 z0 L! E: V& t; |

4 |3 q+ A5 p0 g3 S5 D平滑效果的原理与作用
$ Z  J' ~( q7 s. e0 Z
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡。9 }0 L0 U0 }9 Z5 E. f7 n2 a
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
1 v+ j+ @2 d/ t6 N" V1 y! c$ j9 c; I& Y! \. [* W
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡。
$ S  j6 [% `* L" b- U! [& {8 W$ x  d& m+ m* L& h+ g  Q
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。( d- ~, p9 P. G+ ^9 k  M! _! _3 }

; E  E) G$ f* ~
2 U" J, X: j& R/ J% i# a是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
( |9 u. F7 r" p8 r0 ^$ o3 h# e
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
8 M9 m. ]2 O0 @+ H& E  H7 X! z7 n3 N+ D8 X  R5 T5 l
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
$ x- ]( n- S. {; {. M操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同。: k3 S  Q# `" T5 V6 I, {/ V7 u

" @% S& f2 K. o通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
2 V/ j8 _) X; m4 e  T" P: m5 u1 h5 L; U. w! o
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。
8 r0 |8 F) ]7 u! \
* U5 y. z6 M( I% v除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。' S0 |, H, }, I, G
% g& [  \" s( c" Y& K" X, Z
而重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
2 h  k8 G# H9 d% G: ~% s4 E; G8 P8 i; N( L' F
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
& _. F* ]6 D& L6 |+ ^
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。! |5 x0 L, B6 s  y. K2 a$ T
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
5 m5 h8 v. v5 X
7 ]6 N* m) P$ n5 s2 Z) ~% i, C原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。9 l' \/ g. C9 k, p
2 I1 ^% V  r( X8 t* F
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。! [) i8 O# o( H1 e) i

! s8 R( F0 @( t' C/ b7 C二是可以制作出酷炫的设计效果,不多说,直接看案例!
$ B) \. x7 }! n/ v* I5 e
7 s; p) ?: S( `6 a) ]! k. p9 O/ d: K. _% C) o
' X( E. y" P8 l6 J. \$ l
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!
" l1 o1 i/ L6 i6 z, s如何利用平滑% g2 {! f7 ?5 I/ c" N
做出酷炫的设计效果?4 t$ }' Z7 l3 N
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。2 I2 K7 P- A/ I* V5 w- K' N; q6 J
; p# \0 Q6 m# K7 X# _7 Z) Y! ]9 p
又或者是改变图片的位置,生成平滑切换动画:8 F* T& f, J0 k4 z5 k
! u# b( W9 l$ n8 \7 d5 U3 ]% r) Z
' ]/ L4 Y* N0 j, ^) d
关联元素,还能做出这种图片来回切换的轮播效果:, b) B% E, t! W
; n# o7 F! v  ~( k
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。0 j# n/ U9 M$ m3 z1 d. r( b# P
▼ 剪裁动画
( I8 y  I( C) Z& d. o/ m7 BPPT的剪裁功能配合平滑,可以制作出这样的效果:
8 X8 K6 X! ?1 t8 T2 z$ G$ Z
+ _# _) g& m' a" {1 r制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分。
! Q4 }* a" [, r1 O; D0 L, a! _; }$ `3 O  v7 Z) m
相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
. k- Y; Z' z( K- m" e
1 K" k$ E4 p# s: \怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:' L" d2 @1 }: I4 O4 b6 E
/ X* U' u0 B" x6 G
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。
% I( z, C2 m& X3 W
! P9 H! Y; L1 a& M. c; y然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
* Z0 e5 g$ h1 p6 d# A# H
1 a! ?4 `. S) q; ]! H" s完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放。' M% B+ V5 r% M
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
( B& z' m: S% A5 ^% h4 k! H/ i, E# r( V" O: M
▼ 放大镜动画$ i9 i6 i+ @' o; m( B/ z) L
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
) p* c: l5 B& \& o( u0 r! W9 E# J5 u5 E* G' |4 c3 ^( b. `& p0 j$ J
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
* |% x3 q  c6 l) g% {, u6 ^
+ Q& x# x, [. p' `第二步,在初始页面复制原图,将其等比例进行放大:2 m& \, P6 f% k9 x, |3 `0 \. X

6 a2 M* G+ ~2 m% U第三步,点击剪裁,将剪裁选区适当的拉伸放大:  S2 r; j. U  W- E- |. u" G, l
2 i3 t+ F1 m- W$ _- D
第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作。
9 m6 P( w6 T1 g8 F6 }& \6 g
( N. s, b0 e% Q) a3 x# S! }第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。: @$ _  c. X; T1 G4 k  A" f
( \( [6 j1 o7 ~& E6 ~* I, n4 x
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。; z, D, {, [: N# J5 k0 |: ]
* O: y$ ]- g6 ]4 X! k- i
完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~) l/ ^) m6 n% \+ x* T3 |
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果,最基础的,是切换文字的大小、颜色和位置等等:
  U' d% x0 R* f
. Y% ^' {; g8 D0 c3 Q- Q7 ~- b稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。9 P% c' P8 g" F4 Y. ?

% W1 D7 s# x0 y) {( M. K) F. U5 t实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
' e* ~! r& D# V/ @' _1 S0 m& ]8 D/ \7 M7 [) m
同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
& ]' m6 y5 f: T3 w; i9 \$ z0 Y▼ 数字切换动画
# N5 E% U% A0 I3 s4 _, w+ {- @下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
+ M# n( y, C! R( b2 k. j7 N% L) I9 y; V( E) q
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,- W  h6 A& Z1 Y6 a( C/ G
5 W2 @5 q' \8 R
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。" y8 z1 v/ F9 _8 t

  z& t' e4 o/ h7 v6 y第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
) B0 W, E. n) @/ ^# ~4 e
% S+ ]9 [" `+ w3 |6 C2 R) I! j用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。; `- a" u0 ~- `' P) {. n7 y$ b8 `- X
▼ 文字拆分动画
( t! T3 |; o; h4 h6 X% J4 x在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!
1 ?) B- ?; H2 Z' n
- i& U) k" @% T6 M# v# Z& W制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。1 \' j9 E- B  [) f3 i% `* j9 ?4 g0 X  O
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。$ R+ S% Q  Q) e4 m  b: j( e# B
5 U2 d, U  U' }+ d
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
- E3 X2 b/ i! X9 h, @
9 m! H( v# L( }1 M& m7 f7 K) `3 [0 e' ]! \5 i
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
4 Z# o3 _* q. Y3 K& w& d8 J
' X, }" _( y" U3 A/ k+ o制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。$ J0 p0 r+ u7 y, F
* ~5 e. E+ ^# v
再比如这种图片“变形”的效果,用到的也是平滑功能:
1 A' z4 `" M6 \$ t7 x( R- k( ]0 f# t9 a: V! p( j; e% `  V( l
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。# s! ]. c" t1 ]3 P% u1 s! \

  s5 {$ V# u+ A, p3 d: S+ T, ]以上就是有关平滑效果的完整介绍,简单给大家做个总结:* {9 Y' d1 _1 d
0 l% r- u- q" Y9 R6 ?/ t+ a1 U
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场:
) v! q4 y- v+ J% \6 h9 d/ x7 ]) N: m6 I' P

* {6 I  P7 o8 I: D% g9 d0 _比如介绍产品时,可以突出产品放大的特征:
" Z0 I" M/ Q. X* C/ p9 h: Y! R9 T/ ^( T4 X# o2 \* p; m* i' h
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
( r5 a; Z% h8 x  v9 i* C
; L% v/ D: |( _# e2 v; ]0 Z5 V( P1 |推荐资源:. [7 i( o$ g# n6 C" u
6 p9 \- d4 N% N3 @& I4 D  E
# E) x0 f9 A3 r6 V" x  l4 V% s

& E' Y  x* t5 A5 q来源:http://www.yidianzixun.com/article/0MHFCMpt
- k* `& L% D6 q9 L. E; P# S! `3 y免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-10-15 18:58 , Processed in 0.039008 second(s), 25 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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