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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10045|回复: 0

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

[复制链接]

30

主题

0

回帖

10

积分

新手上路

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

. K7 Y" m/ c7 ^7 q三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子果春季发布会上的这组转场动画:
% }, Y: J" o. j2 t7 B7 ?
" u. |  i$ Q+ ~2 j: l" e( y( j* q& a, ^( |( F& r
再比如锤子科技发布会上这个非常经典的放大镜动画:/ S% Y: Y! X2 e! I3 ~' M

) L$ P$ j3 X, Q% [这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至用PPT一键就能搞定,而且小白也能掌握!% U8 U4 M2 d8 n
需要用到的是切换选项卡中的平滑效果。$ w, Z/ q9 {/ a& P4 d
. V, |( V8 L' ~! k& J3 K
什么是平滑效果,它又是如何实现这些超酷炫的动画的,这篇文章给大家做一个完整的分享!5 K% ]# v! c& v' `* W! x
文章很长,在这里也给大家准备了一个目录:
8 q, C! d  |  C
" u/ K6 Y. l: d( E: w2 }平滑效果的原理与作用
( ^' a3 \) ^6 v" \) H
什么是平滑效果
平滑是一种页面与页面间的切换效果,而具体的效果和之前给大家介绍的补间动画类似,可以实现元素间的平滑过渡' O6 _8 o' n  O6 l% w
觉得特别抽象?我在这里给大家举个例子,假设A为元素的初始状态,位于页面一,B为元素的最终状态,位于页面二。
6 V! }3 b* f& b- v
7 Z. J3 r+ b' O- C5 ~! s& B此时,在切换选项卡给页面二添加一个平滑效果,就能实现由A到B的平滑过渡8 [, j$ J* B& X* e7 ]0 U5 k% ?  o
5 P# \  v: z5 j+ b3 x; S5 k
除了案例中的颜色过渡外,使用平滑效果还能实现元素大小、位置的过渡。
  ?2 Y+ ?! b; m* k: v- B; d% C

' p# T8 x8 m+ m是的,只需要在页面一设定元素的初始状态,页面二设定元素的最终状态,不管是颜色、大小甚至是位置,平滑功能都能帮我们生成过渡效果。
# ^7 o" h3 g$ s9 U+ o
元素的强制关联
三顿,看了前面这么多案例,是不是要同一个元素才能使用平滑效果?尝试一下,如果在两个页面上放置不同元素,我们会发现两者并不能实现平滑的过渡。
7 X3 k# P- \4 }' w  Z) y6 `' f  X6 F7 Y4 M1 Q$ ^3 W! T9 o4 V, a
怎么办呢?我们需要将元素强制关联,让软件将两者识别为同一元素。
% e5 m6 U4 P# U% o: f操作方法是打开选择窗格,元素名称处双击,以“!!+名称”的方式对元素进行命名。感叹号为英文半角,而两个元素的名称要保证相同; h8 K2 r1 D( c' y9 V& l

) h& ~6 Z3 \$ O2 Y- n+ n通过这种方式强制关联元素后,再去使用平滑效果,就能实现两者的平滑过渡。) t8 d! w; o) @' d1 V3 j
. @# G$ i; `% q! y) \4 R/ Y
不仅是形状元素,不同的图片、文字等元素都可以用这个方法进行强制关联。7 }  I  E  i7 B4 C( E

: \8 `+ O4 o9 q除了对两个元素进行关联外,在元素较多时也能使用!比如制作开头那个圆形合并的效果,直接使用平滑无法实现。: ?. r0 H+ S) \5 s" \9 U) \
# _: _, l% E4 p: i& V, j- w
重命名元素后再使用平滑效果,就能完成多元素的平滑过渡。
" r, ?0 \. v* ]5 k+ C& h, g- R/ a5 q
是的,在页面元素较多的情况下,重命名的方法可以强制关联元素,精确定位哪几个元素之间进行平滑切换。
# q5 T4 |- Q) W9 y1 l) b
平滑效果有什么用?
原理明白了,那这个功能在日常PPT制作中具体有什么作用呢?三顿觉得主要有这样两个。6 Y  l7 X/ |- |" y3 Y
一是可以简化动画操作,提升制作效率。以下面这页的动画效果为例:+ H; C/ {  M9 q/ t# W! G

, z, X% g. M! x) O原本实现这个效果,我们需要在动画选项卡,为元素添加路径、淡出等效果,操作麻烦。8 A: I! Q* v+ j. F7 ]% U  Q

# ?2 J6 v$ x% ~) L" D1 F而使用平滑效果,我们只需要在两个页面上调整好元素的位置,一键就能傻瓜式的生成动画效果。" {$ r( Y2 P  \( I) w, f$ j4 G

/ U0 B9 k% s9 L% `( n% ~, \0 l二是可以制作出酷炫的设计效果,不多说,直接看案例!  `7 |4 ]1 z5 x. k! F+ E: `: e

  L6 Z' X& A% T+ i  {
+ s  I" O2 y- P  u2 v" H/ P+ n1 t# t. q+ v! p0 w! v# w+ i  G
这些动画效果可都是利用平滑功能制作出来的,在三顿的公众号回复关键词“平滑”可以直接获取源文件,而具体如何制作,一起往下看吧!, m4 r4 x5 W* O- \; g2 ~( Q9 A. H
如何利用平滑' C5 s) A6 s( M0 W% b1 ~
做出酷炫的设计效果?, ^2 S1 J7 O  M7 q
图片平滑切换
利用平滑功能,可以实现一些基础的图片切换效果,比如对图片进行放大。- B" t% [0 @/ \+ A; |

! _& C% b/ c4 D+ A+ d5 v) ]; b! @又或者是改变图片的位置,生成平滑切换动画:+ O0 ]$ X5 ^/ z* b
, Q& g$ n3 A' e9 b9 U
+ l4 k  e1 S# A8 A" E
关联元素,还能做出这种图片来回切换的轮播效果:8 a. j- M3 X. X4 ~% y3 a

4 |. _- Q2 Z! G# |$ m这些效果非常实用,而制作起来也相对简单。在这里,三顿要给大家详细分享的是这样两种动画效果。9 \! \3 F- U/ M1 G$ ], `$ K
▼ 剪裁动画  U: @3 Q' V) v- ?5 X8 |' ?
PPT的剪裁功能配合平滑,可以制作出这样的效果:( _2 o* [$ c8 k
! I; _$ V  }% D* N; M
制作方法,准备两个放着完全相同图片的页面,首先处理第一页,将图片铺满屏幕后,利用剪裁功能裁出图片最左侧的部分
% v/ q: Z7 |2 V6 z$ m
$ D6 F/ U6 q' m0 @相同方法处理第二页,保留出图片最右侧的部分,接着只需要给第二页添加平滑效果即可。1 |8 z; O3 f8 U' W

% B# k8 s4 h; \* W+ ?: {4 o怎么样?够简单,够酷炫吧?剪裁配合平滑功能还能做出这样的图片缩放效果:
6 [7 z0 X# ~8 w) [# t6 f: S  _3 n/ h1 l6 l; U2 u
制作方法,首先在第一页上放置图片,保证图片的大小溢出画布,然后选中图片,将图片剪裁为圆形。4 l. ~; I4 E/ y; z1 l

9 w  F& F/ i/ y. f然后复制第一页并粘贴,在生成的第二页中点击剪裁,将剪裁的范围放大至图片外。
% X# c* o5 S) t' i) F- p- s4 [! W4 z9 g  X( L' s& o$ R
完成后点添加平滑效果即可,需要注意的是,剪裁时将纵横比设置为一比一即可保证圆为正圆,缩放时按住Ctrl+Shift即可实现圆形在中心位置的等比例缩放
: s: [9 l; c/ o# }应用场景超多!除了直接使用外,还可以利用这个方法制作页面间得转场效果,大家不妨可以自己动手尝试一下~9 W8 [' x; Z- C( r2 Q/ f2 F8 t

) d2 J, H7 Y6 T. X, t▼ 放大镜动画. x  G: d2 R+ o  T$ }
锤子科技发布会上非常经典的放大镜动画,也可以用平滑功能制作。三顿就制作了这样一个案例:
5 ^2 M& I( I$ C3 R% c: b" Y) q$ D  ^: O6 L
制作方法,首先准备两个完全相同的页面,作为初始页和最终页:
' c; F9 V/ b3 s+ W( a1 g6 o; N4 l5 g) ^1 Q& T% q( \) l
第二步,在初始页面复制原图,将其等比例进行放大:1 _* s( P! S6 F9 T9 i% R. F

' a1 v6 }0 K; o0 K" `) N第三步,点击剪裁,将剪裁选区适当的拉伸放大:6 M9 T. A5 n% Z/ K; V3 q# H% r0 }) m

( u; q0 o7 }" @! f) i' [8 ]第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作& d: a  t# _/ Z$ ?: ]) W/ e

. Z7 S$ ]0 V0 }第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置+ k6 ~6 g- K! m2 X  f# u

9 _3 V0 Q; N5 E9 v. P/ y第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。% B0 S4 G2 P, x5 G$ ]) }% l

& u4 C/ U$ _% k6 ~完成后为最终页面添加平滑效果即可,制作方法要相对复杂一些,建议大家在看完文章之后自己动手尝试一下~
/ Z: H% C$ u/ E' z) h
文字平滑切换
使用平滑功能,还能实现很多与文字相关的动画效果最基础的,是切换文字的大小、颜色和位置等等:
( |6 l0 `1 v8 r: r8 Q+ `) t; V; r, _% @+ s& T1 D' ]' A: G* o
稍难一点,在平滑的效果选项中,选择“按文字”,可以对文字或单词的增减添加平滑效果。% C. n/ g: [5 Q2 j
5 [. h, F5 a9 E5 v) |5 D
实际应用,不管是内容页还是目录页,平滑都能节省大量时间,通过摆放位置就能做出像这样的转场效果:
3 o5 d" d; Y9 [& d) H4 q
' R, \' ]0 _. {5 y) F9 E9 i/ Q同样关于文字的平滑切换,三顿也要向你详细介绍两种酷炫的效果!1 I& p- {& U: W8 X* W
▼ 数字切换动画
( ?; y/ b9 @# J下面这种数字来回跳动的动画一直都受到各路PPT高手的青睐,在大型的品牌发布会中也有使用。
/ f/ `' _0 ~% Z) a" o5 ]) c. K8 r
. m5 Z8 b3 w5 c4 K: z制作方法,第一步,在初始页面添加六个文本框(根据具体数值调整),纵向输入0-9的数字,
, T4 v- ^0 M( Y
* H& G- [& K" A( v- i( {+ z; }4 l第二步,处理第一个文本框,复制文本框将其粘贴为图片,并调整粘贴后的图片大小,使其与原文本框重合。
3 m- ?9 @+ G+ S; Z8 T  s% E* t
, a6 {8 Z: A1 V6 e( m第三步,点击剪裁按钮,调整剪裁选区,只保留第一个数字。随后复制一页,同样点击剪裁,按住Shift调整剪裁选区,只保留最后一个数字。
: w" u+ U+ `+ s  Z/ V
# `6 t( I* p4 [- S用相同的方法处理其他几列数字,再为第二页添加平滑效果即可完成。" a8 j" u/ r& Y
▼ 文字拆分动画+ t$ r, q3 X1 f2 C( j- X! h( Y( }
在之前的文章中,三顿给大家分享过“拆分字”的文字效果,这种静态的效果也可以加上动画!
% {3 G" F9 W) }  s) \9 A5 T: J. o8 n& K  C- U7 o$ K, e
制作方法,首先是制作拆分字,新建一个矩形,置于文字上方。然后全选,在绘图工具中执行合并形状-拆分的操作。完成后删除多余的元素,就能将文字拆分开来。: v& t. V% s% o% H, G
当然也可以使用口袋动画插件,插件中直接就有文字拆分的功能,一键拆分文字。拆分后进行相应的排版即可。
6 T8 F2 T6 F) t5 {' F6 t7 W, Z% s7 t2 R! [2 [7 i- e. a
其次是添加切换效果,对初始页面中需要移动的笔画进行重命名,复制新的一页,移动笔画的位置,添加新的文字后对第二页添加平滑效果即可。
- r9 l! k9 l! k9 C0 a& g- I& j8 s* A

+ ~) W' h/ C1 T4 R1 t+ X; [8 e
形状平滑切换
除了文字和图片外,形状也能应用大量的平滑切换效果!比如苹果发布会中用到的多个形状合并的效果:
# D) p' N0 d2 O% H& ^# ~3 }4 s+ O$ p+ {  L( J0 T1 r8 O1 i+ l) `/ W# h
制作起来特别简单,在初始页和最终页摆放好形状与文字的位置,使用重命名的方法强制关联元素,再添加平滑效果即可。
# Q2 |# T4 M4 }. V1 H; d7 U
  s- _" y( k/ E& r  U) B再比如这种图片“变形”的效果,用到的也是平滑功能:
1 u0 N& O1 n9 \$ D2 m! o0 ^# G2 s, [+ _
制作需要用到口袋动画插件,准备好初始页和最终页的图片后,分别对两张图片执行矢量工具中的形图互转和自由形状操作,再为最终页添加平滑效果即可。5 Z3 J/ d6 l+ j) {4 `8 G% H2 o
, X; Q/ X; \( r' R  l! A
以上就是有关平滑效果的完整介绍,简单给大家做个总结:
) t1 A* C* p; g  v' y9 p: ]& m0 b2 Q7 n0 Z8 D+ N
除了效果酷炫外,平滑效果其实有很多的应用场景,比如文字切换、页面转场5 T. _3 G: T$ ?; f
+ z5 Y) O7 o- p1 c) W, W# V
$ g9 O% Z3 D# O7 q7 f- a4 A. H. o1 J: D
比如介绍产品时,可以突出产品放大的特征:/ e4 z  V  L% X% {' q8 s3 s

5 q7 d) O' C+ f方便大家动手练习,文章中用到的案例源文件和四十多张演示动图都给大家做了打包:. W& C& r, j/ r, y

/ L1 A: V  I: I4 g' M推荐资源:! C% ^1 T7 {" S/ r; {2 _8 _
! [- Z& b' H3 i. O$ G0 j9 C+ C7 _" L
/ U' B& \! {# h! _& {9 K) I

$ y2 {5 q! l; ?; }来源:http://www.yidianzixun.com/article/0MHFCMpt
8 g6 f: N$ w0 a免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

×

帖子地址: 

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

使用道具 举报

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

本版积分规则

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

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

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

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