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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10047|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

( A/ j+ s7 K7 F# @6 f三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:) Z' L! O7 X. [& X% X) {
; z. E/ ]+ H- G$ Y
) C- J0 f- c; y* g9 u; x2 q
再比如锤子科技发布会上这个非常经典的放大镜动画:0 v& x3 k) h) l1 y* I
, S$ w& F. r# r
这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!
) A4 d0 c  v( `. F5 h' _6 n需要用到的是切换选项卡中的平滑效果。
  ]0 A( X: t" r$ Y2 @! c  f* [6 s, J
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!8 C$ b' z- o1 o/ c5 S9 N
文章很长,在这里也给大家准备了一个目录:
) K- o# ?. w% T
% n, H6 g$ ^- ]. @% t9 A平滑效果的原理与作用
5 c6 \; q* Q0 v0 S' K4 k
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡5 t( i6 }/ o/ k3 U. w0 C1 a2 A
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。' o$ B+ U9 ~* P: _0 H  z+ J
1 n$ B" b4 _% k) f5 n, {& D0 z
此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡
" D& H3 R) d" Y& m6 z& ~
# Z4 D. `0 ]/ z& F" U- S除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
  f) l8 C8 C6 H- i
; j4 G$ K) I; z  [2 W
: y1 N( w6 F9 u是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。! U: s) W9 s. C. \
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。: U% b( v  Y  E0 m, @4 N+ H
8 s  O3 p& e2 q# O& f
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。8 M. d$ Y2 {4 m; F/ n! A
操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同1 o  l( k' e) ?* z
$ ^5 y# D9 X$ d. E, j
通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。
& }( k" a0 T, a, ^& l+ s
, z# A7 h1 N+ B不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。+ n1 n/ U/ R$ Y- D2 u
: J+ x* D: ?; q& k2 T) z
除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。
" ^2 T; C) @. d& z; T7 n, k% r* m/ S- k3 Z: j
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
. w6 Q% v2 D5 `7 i$ v6 g# q! h# J9 Z( {" ~% u  F/ T
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
4 l0 i& L+ q0 j) O& ?. ?+ O2 H, M( c
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。$ D  L3 E' g* d/ j) g: X: B' j
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:
5 a" n9 |, }0 s+ u( j
0 @( H2 ^; a& H8 D2 R: o5 z3 J6 e原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。& z4 D/ j! B4 i: B! T1 {$ M

4 X( h/ Z5 v1 Q0 z4 a: n而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。
, Y# S2 ]; @5 }( N% u% v8 y1 T8 _: f2 |4 I
二是可以制作出酷炫的设计效果,不多说,直接看案例!7 {9 j" _& I* P' Q
5 d+ R9 l( ^* m" z, O

# Z8 F; e1 D( m7 F' e& f) _- i
6 `; \: l) r. x这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!' W/ o% O5 D3 E
如何利用平滑
$ I9 i8 e7 _) B9 d$ U3 w: U做出酷炫的设计效果?
* I7 h$ _8 ^/ w$ K; G5 _2 \$ q
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。* u& U) F) [  C8 \9 R
8 j9 T( R; ~4 P0 y) y! Z9 t& R
又或者是改变图片的位置,生成平滑切换动画:
0 I3 r7 A* F, x6 w3 w: B) \5 _. u  r4 R
$ d) Q8 ^( ^% T4 m: \
关联元素,还能做出这种图片来回切换的轮播效果:
4 c3 u% K9 Y3 f2 _1 V: J9 d2 O6 K3 x: Z, T8 ?$ W% {+ e& d
这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。
: }0 D. F% G) U* b) y▼ 剪裁动画0 {. D: r/ ?5 n9 ^# Y* w! U7 v
PPT的剪裁功能配合平滑,可以制作出这样的效果:. W! o$ D, I4 q. k" P

% [9 s% R5 i% O7 ?" L6 k. `制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
0 \- I$ C0 m2 r5 g/ Z
% q% n$ N7 M2 v! ]4 D2 t& U相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。
$ n; w. o! D: M
, D; G. b* M& C4 X" \5 {! {怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
0 F& I+ o3 j$ V4 q' i8 _% I" M+ G
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。2 X5 C! v8 R+ t  g0 q' w% o
7 _3 N3 }( f5 y2 x
然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。* l( t; h7 U4 W+ g

9 j+ I6 Y' ~4 _& b! G: N# P完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放4 ~1 i* ~6 g2 B6 V/ ~
应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~+ Y; i4 E/ ]0 q& f# Z: v( V8 M
8 e) j% P: u' |/ p
▼ 放大镜动画+ N, a* g3 a5 l( f# s
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
! U5 w1 V9 c0 |/ }" w
- T) V( |7 |( r' G' n0 |$ a制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
- k' h1 F) R, C* f2 z
& w8 b# `; y3 l/ H3 B1 M第二步,在初始页面复制原图,将其等比例进行放大:
) |9 s' d* g3 ?8 B: N. E; u
3 P' \/ g2 I. a2 ]& j第三步,点击剪裁,将剪裁选区适当的拉伸放大:4 A$ l$ A# p- Y

" X: s! x. {4 V第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作
$ ]0 x- a( x0 v# \: s5 r; B2 E" a' V& ~/ B( m1 l: b
第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置* K% S7 @2 h8 h/ x
& d+ R. l9 a) _( ?7 I0 I
第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。$ C- l+ \+ [% [

4 {; h5 E% t6 {) |& F/ d. L/ g完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~0 v/ l* G6 u3 D% H
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
2 Q; M# m7 H6 j" [: A. e
- @1 @* r, G7 p* g4 B稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。7 d2 k3 X1 S* @8 C$ [

9 a/ T) `8 R6 L# n( |% l# {& P实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:. o# x  R6 F3 J6 P
( t+ Z  W, m' y' x( o
同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!
/ ?0 E4 ~. N9 g) \* H  a; g& ?▼ 数字切换动画! _9 e1 t3 E- \* T% K$ A9 `
下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。- V9 q9 t. o* K& }6 M
; K8 P, J. A$ j9 ?! m
制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
7 N2 h0 T/ n1 j- ^! j1 t2 Z
) }9 N3 J) q+ h, C( V第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
( A1 f+ |1 E* \1 i' B2 w, a% I' k+ ?/ y, ~
第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
* y1 t* S! c6 T; O
; p$ {: L$ k3 N# ]: e用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。
7 d6 S* t7 Q8 C" z▼ 文字拆分动画
/ {5 O1 ~2 ~4 Y" g( C在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!9 [- F: h! ]# |' o% P9 ?

9 L0 u$ P( Q$ ]制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。3 [; m2 s7 Q6 e) q. P# e$ |
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。5 d* A7 o2 s, Y* u- q
' P6 o5 v( X3 a& {& z4 g1 H
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。" |% C/ {' d$ ], i7 G- U
! D/ T5 s3 }, P& {: f  L+ l0 T

  V% C3 F/ t5 |  }0 K. N
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:( [" h1 G' e% I$ @4 m( E7 S

7 H0 E( m  {9 _* P3 s( H# {7 c  S7 w! t; [制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。0 }( S: ~8 N( }+ b6 P
) R! g; _/ E  w' J
再比如这种图片“变形”的效果,用到的也是平滑功能:8 l' V* k$ i0 H5 q& f" E
% q& b/ t0 Q2 V; z5 i2 H8 V1 [: C. u
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。2 a6 F- h7 t8 T+ |  X6 W" p
6 G+ t- s" A$ p3 J8 c+ t
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
5 Q/ d- L9 R, G, P
: W1 c; H: J  K' q& d# C1 P除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场- V% w, r& L$ i( j

/ D- ?5 ?& [* B9 v4 B4 s
0 [. \( n+ n: ]% g3 |: v$ L比如介绍产品时,可以突出产品放大的特征:
6 F/ |7 k3 A' \  s+ w2 Q! n0 L" a* Y. y6 s
方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:- o; d0 m1 C8 j4 }9 S$ E4 l9 E

- F1 L, m1 e; \推荐资源:2 Z2 t6 V) ?" w; V
2 j5 |, ?% J" s5 F

2 _) z# t+ P9 a: W8 v  s
, _# B! W3 i4 Z来源:http://www.yidianzixun.com/article/0MHFCMpt. Q# J2 B- _5 A4 C; C7 ~
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-3-20 23:42 , Processed in 0.055129 second(s), 23 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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