导读/
先来看几个优秀PPT动画案例:
怎么样,是不是很过瘾?有没有一种自己也想做的冲动?
这篇文章就是来给大家介绍两中动画效果,这两个动画,简单易学,但是视觉上很酷炫、也有实际作用。
他们分别是:平滑裁剪和遮罩动画
平滑裁剪
我是在老罗的T2手机发布会上,第一次看到这个动画,放大手机底部细节!让我很震撼。
这个动画貌似还是很复杂,但其实只是借助了平滑和裁剪两个基础功能而已等我跟你说完里面的技巧之后,你会发现不过如此。
下面借助案例,给大家说说其中的奥妙!
第一步、搜集素材:放大镜、iPad、放大了的 iPad
第二步、调整素材的摆放位置,把大的 iPad 覆盖在 小的iPad 上方
第三步、将大的 iPad 裁剪为圆形,调整到与放大镜重合
第四步、复制一页,并按照上面的方法,把第二页也做成这个效果。
最后一步、给第二页添加平滑切换效果
这就做好了那个看似很难的放大镜效果了。
如果到此为止,那你学的这个动画讲没有任何意义,你需要把它应用起来。
下面是两个常用的场景,你可以试着做两个看看:
展示页面细节,突出重点内容
数值平滑变动
第一个作用,展示页面细节,突出重点内容
有了放大镜效果的加持,我们就可以使用局部放大的效果,来突出我们想要强调的重点。
例如下面的两个案例:
重点展示优惠信息
重点展示优惠信息
展现产品细节
第二个作用,数值平滑变动
这个做动画除了展示放大之外,还能够模拟数字跳动。
可以用来展示用户数据:
用来展示公司的某项业务占比数据:
大家可能会比较懵,这个也能做出来?
其实吧,他就是另外一种放大镜而已。
输入竖排的数字,将数字转换成图片,然后进行裁剪。
遮罩动画
首先来看看什么事遮罩动画,到底长什么样子:
TED 演讲的开头动画
有没有很酷炫?
这个动画似乎只有专业的视频剪辑师才能剪出来。今天我们就在 PPT 上来实现它。
视频 镂空的形状!
下面具体来操作。
第一步、插入一个和PPT画布大小相同的形状,使用布尔运算与标题文字进行剪除,做出一个镂空的形状。
第二步、插入找好的视频素材,将视频置于下层。
接下来就可以自己点击播放,看效果了。
同样的道理,在什么情况下,会用到遮罩动画呢?
第一个作用,丰富文字效果
把找好的视频或者 GIF 置于文字下方,丰富页面的视觉:
或者是这样:
第二个作用,页面聚焦
利用镂空形状弱化,或者遮挡其他不重要的信息,从而聚焦页面中的重点。
举个例子:
第三个作用,增添图表的趣味性
下面的例子比较直观的说明了,一个无趣的数字,是怎么样变得生动起来的:
好了,这篇文章就这么多!这两个酷炫的动画,你学会了吗?