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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10046|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-14 02:12:33 | 显示全部楼层 |阅读模式 来自 中国
0 h6 C0 H  E! u+ p- ^
三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
6 B% T5 d3 T* X( `4 a0 O# S5 C
! @4 ?& j% r$ [/ }- `' B' s' f2 Y( F
再比如锤子科技发布会上这个非常经典的放大镜动画:
8 c5 b' `9 h4 E8 B4 w& G. \/ O) k: x
2 I+ D9 H* r' z, I4 T这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
. _( Y; S/ c; ?8 e. w需要用到的是切换选项卡中的平滑效果。
# M8 L! T% l( e5 U
2 r9 Y6 d+ @* T) l; f/ z什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!2 `1 h" b1 U/ n( m
文章很长,在这里也给大家准备了一个目录:
0 c- }0 Y" {$ g5 ^- e) R9 q
: B! d% l* {0 X: x( |( T5 p平滑效果的原理与作用8 k2 M/ U6 ?, _+ @6 m& k$ V* c, t7 r0 T
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡
' E1 c- v1 a* g0 F1 [' l" H觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
* w4 @4 z; y- C* [! k
1 }" x/ Y$ W3 R4 t% A4 k此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡2 A+ I8 x# W  f( O- S' V4 h5 f( V+ v/ W

4 g" V9 k! o' ?! i; _4 p5 r除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。8 U) b# z% y1 R4 G3 m: S; \

6 I) H) W3 _9 W# `+ ^
, q8 Q$ m+ n5 F2 _1 ^* N$ X' w是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。3 j; _0 J& }) k4 [7 h' F
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。5 W) _9 P4 B) j5 a2 W

9 s6 c& k( ^) y+ E( g  Y怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
  {4 p$ U+ M' `, e2 _操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同
  V- n+ U3 v. K% Z& Y& w
: H4 Y  g8 m2 w; h4 Z通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
- l* l9 s. I- b. Y1 C# x4 ?
, D6 H6 G/ t% U) ]. y& M不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。& ]9 i1 p3 l* g" \. J* I
6 a% t$ U% I! W2 s
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。- V" ~; ~: a9 I- U6 ~
* t- h+ g# L, f5 u0 E- Y( b
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
4 N7 c+ X5 H  I: b+ J# V* H& |/ c7 [, `1 I3 w5 e$ E
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
2 z6 K2 l4 x' Q# w& r( a3 |
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。! g2 x( A; k  o: X# S& T
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:) Y! p0 Z, {+ Q# w; R3 ^

: S2 c. y# V' [原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。
# J4 s3 @! k; ]! B% t+ E# D! S2 g" m$ K
而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
0 ]$ {7 ^) B$ w1 G% \
- V: S" u$ W6 J/ x! d, a  P' ^二是可以制作出酷炫的设计效果,不多说,直接看案例!# ?' O! \6 L" l" u+ T# z6 C+ g# |. c
  o5 a' y! _: u6 F3 x- F; @
- K" L) k; ^- W0 ~3 Y
" h% o% q7 J! \
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!& R! h( r. d: _' M1 ?
如何利用平滑$ m& o# W' p$ ]1 `# J% ^
做出酷炫的设计效果?
+ q7 k, y+ u2 W: _3 d2 I5 }
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。. g! o6 v; G0 A$ m' i

3 Y2 W3 l8 e8 e3 P又或者是改变图片的位置,生成平滑切换动画:% \% L/ j# r  S- b. l1 A  ]
- N1 R1 d4 n* o: l) a2 U+ ~! M
/ j. M0 W: z2 N, u6 u# H
关联元素,还能做出这种图片来回切换的轮播效果:) e6 S+ S4 z" Y, D- \1 h4 N/ E
2 W! z/ G. X6 z" E
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。( J; k# ?5 i% @7 O7 z% [
▼ 剪裁动画! m% W+ P& i5 c1 D4 [0 ^
PPT的剪裁功能配合平滑,可以制作出这样的效果:3 h$ K7 M" L2 t) _8 n5 T

9 O6 p! U: K4 @8 O+ j# e# {制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分7 _1 S" H9 P: O  x: V% A6 N+ g

% u9 G. {8 N5 r' p( f& X8 Q% c" P. g相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
) W. Y; f9 _) M
1 D7 {9 g  i( M  d# h  ^; m怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
" u3 g" g) m( l( b; d& p% v8 u" T  ^
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。! w( V& `. K, g2 \) V  g+ j2 `2 ~
, ^2 Q5 O) P* Q3 r
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
. s# a' |7 ?1 D. W* l( z6 r
- c% }2 _( j: Y2 L# M' t- [% u- q完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放6 D6 p+ r3 d: C5 B! k
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~
' Q. H6 Y9 |; Q; Z3 o4 o. d& F$ z/ T4 p% k# U7 c
▼ 放大镜动画9 ?8 G7 g4 ]! g* [' B
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:0 q8 s; s# C+ g3 t% h  A) t
2 G* g4 U$ r. f2 N" d# M: W3 s
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:0 @  q. r$ W  x

( M: G4 a$ ]& }7 F; a5 o7 Y& A第二步,在初始页面复制原图,将其等比例进行放大:
9 s# ~% S- C+ c
& q& y1 _! J" d+ j5 I! M第三步,点击剪裁,将剪裁选区适当的拉伸放大:3 _9 }8 X* [+ a: o( Y

+ a1 `  ^! q7 V) e. X1 ^8 b第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
3 _4 l1 u( }2 |! r2 H2 s/ s0 s: x
7 n0 C6 d9 |  r4 C8 y! d第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置
' z: i, d5 e: |! G4 E4 e: ^1 Z( |# i
9 y5 @- r. Y1 ^# ~: n第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。. s2 u& q9 A( {2 l* ^1 F

1 U$ i1 @$ b; v5 N) a# h完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
" ?, f$ c/ N$ Y- g6 g7 G
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
5 J4 v( g0 y( A. S6 {# t) N4 [$ Y& H( j& _7 u: ]5 U: \
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。  o, u$ i7 w7 Q0 G4 q2 ]9 T

. a0 M8 w$ l% F2 r8 n实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
, \5 [! U' r& l5 o1 H9 b
( c; E/ [# [  w; V: V( g同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!% ~& y9 Z0 K8 B  Q5 y( Z
▼ 数字切换动画
$ m# Q3 ~& d0 ?/ C6 J. ?! a下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
3 e0 d2 G0 n6 [* S% n% M9 m6 Y. p) n
, y3 k2 L5 M" K8 A0 g) Y制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,, |) B: A* \) W2 r6 g& C2 h! f
) K4 k% N+ Q. p; a1 c
第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。# u- [$ x: r% ~& {" ~4 P( y

1 T" x( V* b8 ?# t7 g9 W第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
6 l! A5 a, U/ ^
4 y2 k3 Q5 R8 z8 m, r用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。# x2 [) o, w7 E8 X6 h
▼ 文字拆分动画
9 y: l2 {/ }& L, p- r+ ~在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!$ K6 Z4 C" \0 R7 ?) ^
) L$ R; x6 I7 C- x' d: u/ @0 h$ @
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。% Z7 b8 h9 {  R( ~8 ]7 _% u
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
& }) r4 K; u8 c- u9 C) K7 E- T8 m. e
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
! c) f) V) L( s, U* C! Q  X4 w6 F8 \" F

+ F- C' M$ e1 _. A: D! U1 I0 Q5 b
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
/ x2 W$ m( C+ @% j, C! Z- @+ `& X
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。+ x# h0 A* h, J9 k

) q( v- N6 w$ B5 `+ \) y0 q再比如这种图片“变形”的效果,用到的也是平滑功能:
& ^. [/ _3 o9 _2 T) s9 b1 q6 ~. @8 M' _% z& p$ E9 L. ]
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。
  F2 h* L1 H' S, r7 ^* A( q; m" I0 o+ O: {' [
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
, s, a- ^( G  C5 W( r' G  S, ?2 n. l1 O# w5 g! H# m
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场
( |( _  e" S% ?# H4 K; }8 _" w' ?" p
% z8 j8 C. z& f  Z$ g" h) Y. o/ ~5 a
比如介绍产品时,可以突出产品放大的特征:$ ~! ^/ T' z# w
3 o& V, ~" N! k; P+ `
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:
  G' @6 _* E& p
* O" f. d, c4 n4 k2 |. s1 S  L7 V推荐资源:! N+ K1 G/ P/ |$ I& A& E, [, o# ?
1 `& F! W/ l' r9 i" T# E- v& O* E

, T) }5 z/ ~' E- q, A6 Z* p: i- l+ o! L' E
来源:http://www.yidianzixun.com/article/0MHFCMpt
/ L" P4 G% w: U免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-20 22:18 , Processed in 0.041849 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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