分享

学会这两个动画,PPT 就有了灵魂

 weixinxiang 2019-08-22

导读/

学会这两个动画,PPT 就有了灵魂

先来看几个优秀PPT动画案例:

学会这两个动画,PPT 就有了灵魂

学会这两个动画,PPT 就有了灵魂

学会这两个动画,PPT 就有了灵魂

学会这两个动画,PPT 就有了灵魂

怎么样,是不是很过瘾?有没有一种自己也想做的冲动?

这篇文章就是来给大家介绍两中动画效果,这两个动画,简单易学,但是视觉上很酷炫、也有实际作用。

他们分别是:平滑裁剪和遮罩动画

学会这两个动画,PPT 就有了灵魂

平滑裁剪


我是在老罗的T2手机发布会上,第一次看到这个动画,放大手机底部细节!让我很震撼。

学会这两个动画,PPT 就有了灵魂

这个动画貌似还是很复杂,但其实只是借助了平滑和裁剪两个基础功能而已等我跟你说完里面的技巧之后,你会发现不过如此。

下面借助案例,给大家说说其中的奥妙!

学会这两个动画,PPT 就有了灵魂

第一步、搜集素材:放大镜、iPad、放大了的 iPad

学会这两个动画,PPT 就有了灵魂

第二步、调整素材的摆放位置,把大的 iPad 覆盖在 小的iPad 上方

学会这两个动画,PPT 就有了灵魂

第三步、将大的 iPad 裁剪为圆形,调整到与放大镜重合

学会这两个动画,PPT 就有了灵魂

第四步、复制一页,并按照上面的方法,把第二页也做成这个效果。

学会这两个动画,PPT 就有了灵魂

最后一步、给第二页添加平滑切换效果

学会这两个动画,PPT 就有了灵魂

这就做好了那个看似很难的放大镜效果了。

学会这两个动画,PPT 就有了灵魂

如果到此为止,那你学的这个动画讲没有任何意义,你需要把它应用起来。

下面是两个常用的场景,你可以试着做两个看看:

  • 展示页面细节,突出重点内容
  • 数值平滑变动

第一个作用,展示页面细节,突出重点内容

有了放大镜效果的加持,我们就可以使用局部放大的效果,来突出我们想要强调的重点。

例如下面的两个案例:

重点展示优惠信息

学会这两个动画,PPT 就有了灵魂

重点展示优惠信息

学会这两个动画,PPT 就有了灵魂

展现产品细节

第二个作用,数值平滑变动

这个做动画除了展示放大之外,还能够模拟数字跳动。

学会这两个动画,PPT 就有了灵魂

可以用来展示用户数据:

学会这两个动画,PPT 就有了灵魂

用来展示公司的某项业务占比数据:

学会这两个动画,PPT 就有了灵魂

大家可能会比较懵,这个也能做出来?

其实吧,他就是另外一种放大镜而已。

输入竖排的数字,将数字转换成图片,然后进行裁剪。

学会这两个动画,PPT 就有了灵魂

遮罩动画


首先来看看什么事遮罩动画,到底长什么样子:

学会这两个动画,PPT 就有了灵魂

TED 演讲的开头动画

有没有很酷炫?

这个动画似乎只有专业的视频剪辑师才能剪出来。今天我们就在 PPT 上来实现它。

视频 镂空的形状!

下面具体来操作。

第一步、插入一个和PPT画布大小相同的形状,使用布尔运算与标题文字进行剪除,做出一个镂空的形状。

学会这两个动画,PPT 就有了灵魂

第二步、插入找好的视频素材,将视频置于下层。

学会这两个动画,PPT 就有了灵魂

接下来就可以自己点击播放,看效果了。

同样的道理,在什么情况下,会用到遮罩动画呢?

第一个作用,丰富文字效果

把找好的视频或者 GIF 置于文字下方,丰富页面的视觉:

学会这两个动画,PPT 就有了灵魂

或者是这样:

学会这两个动画,PPT 就有了灵魂

第二个作用,页面聚焦

利用镂空形状弱化,或者遮挡其他不重要的信息,从而聚焦页面中的重点。

举个例子:

学会这两个动画,PPT 就有了灵魂

第三个作用,增添图表的趣味性

下面的例子比较直观的说明了,一个无趣的数字,是怎么样变得生动起来的:

学会这两个动画,PPT 就有了灵魂

好了,这篇文章就这么多!这两个酷炫的动画,你学会了吗?

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多