还真别说,这几页PPT加上动画后,升华了!


见字如面,宝子们。


咱们好长时间没有更新动画教程了,今天我们就来分享一期吧。


今天带来的动画,都是国外 PPT 定制公司 slidor 的案例:



我从他们的作品中挑选了两三个,先给大家感受一下:



整体看起来非常流畅自然,而且逻辑顺序合理,适合商务场合使用。


有些朋友一定会有疑惑,这种动画的制作难度大吗?


其实如上这些效果,制作难度并不大,只需要掌握关键点即可:调整元素前后出现的时间,并设置好平滑结束。


我这里挑选了 4 个案例,接下来分别从动画制作、动画时间、动画逻辑这几块为大家分享。


你,准备好了吗?


01. 产品展示页



★ 动画顺序


我们打算复刻一个动画效果之前,应该先捋一下它的演示顺序。


如果动画太快无法具体观察,可以使用一些软件让放映速度慢下来,以便观察。



这个动画的顺序为:产品先从右侧进入,接着泪滴形状缩放出现,然后大标题用路径动画进入,最后再加入一些小点缀用以辅助。


★ 动画拓展


将动画顺序弄清楚后,我们来解析一下制作要点。


首先,使用自带的飞入动画,使产品第一个出现:



这里有一个关键,我们要将动画效果选项中的平滑结束,直接拉到最大:



接着是泪滴缩放动画,使用的是淡化出现+缩放强调:



自带的缩放动画中心为形状的中心,而我们想要的动画效果中心为右上角:



我们可以使用补位的方法来修改动画中心,相关教程可以看这篇文章:


  1. 带你走近PPT中的“补位”,探索更多神奇玩法


这里再推荐一个快速实现的方法,使用口袋动画插件进行制作:



接着是标题文字的动画效果,这里使用的是淡化+路径动画:



此外,需要为两个动画设置文本动画参数,这样文字出现时才会有时间差效果。


最后,是文字的陀螺旋动画,使用的是淡化+陀螺旋:



这里再复习一个知识点:文本如何转换为环形



使用了文本框的转换功能,更多拓展内容,可以看一下之前写的这篇教程:


  1. 做PPT没网没素材?多放点文字,让页面丰满起来!


★ 演示逻辑


至此,这页动画的制作步骤就已经分享完了,现在整体再思考一下,这个动画的呈现逻辑。



重点是展示产品,所以先让产品进入。


产品进入后,增加泪滴形图案的动画,用于强调凸显产品,最后产品名字等信息才依次出现。


02. 人物封面页


先看下这页的动画效果:



★ 动画顺序


先是人物和书架飞入,接着右侧的文字缓慢出现,最后书籍上的形状由下至上依次随机进入。


★ 动画拓展


这一页动画并没有什么难点,人物、书架、文字都是淡化加路径,和上一个动画的制作方法相差不大,大家可以试着练习一下~


这里额外拓展一个小知识点。


很多同学会用下图的动画形式,运用平滑切换效果,来展现两个页面间的层级或转换关系:



但经常有同学会出现下图这样的情况,切换的时候图片有闪动效果,过渡不够自然:



出现这个问题的关键是:平滑切换的两页透视开关不统一。



接下来,分享一下制作这种效果的正确步骤:


A. 给两张图片都添加三维旋转



B. 复制该页,将三维参数里面的数值都改为 0,切记不要通过预设修改



C. 数值改好后,将两张图片重叠,再给第二页添加平滑切换效果即可:



上面分享的,都是不添加透视效果的情况,如果都想加透视呢?


可以用 OK 插件搞定,只要选中图片,再点击下图这个按钮,透视开关就打开了:



★ 重点解析


这页动画的重点,是人物读书的状态,以及后续从书中发散出来的内容。


书中内容是用形状来表示的,添加动画的时候,需要注意它们出现的时间。


由下至上依次进入,且越往上动画路径越长,这样可以使动画看起来更生动,也更符合实际情况。


03. 标识展示页


还是先看这页的动画效果:



★ 动画顺序


先显示左上角的标题,接着右侧的 logo 呈环形展示。


接着由最重要的 logo “自律的音律”将读者的视线引到左侧,最后人物和渐变形状分别飞入到页面中,显示出该页的文字内容。


★ 动画拓展


首先是 logo 的缩放效果,这里用了淡化加缩放动画,前面第一个动画也使用了这个方法,因此这里就不赘述了。


接着是“自律的音律”,由页面右上角移动到页面左下角,只需要添加简单的路径动画:



需要注意,logo 在移动的过程中还在逐渐变大,所以还需要添加放大动画:



动画移动到左侧后,如果觉得 logo 模糊不清,这个时候可以使用替身手法:



就是在原位增加一个相同的形状,并添加出现动画,同时为原来的 logo 添加消失动画 。


关于这个常用的动画手法,我们在之前的动画教程中也分享过,感兴趣可以拓展阅读一下:


  1. 手把手教你5个PPT动画效果,顺滑到领导目瞪口呆


★ 重点解析


这页动画最吸睛的地方,就是 logo 的移动,由右侧的批量展示,转移到左侧单独展示。


这样的动画效果,可以将观众的注意力从众多 logo 中吸引过来,从而将读者视线转移到文字内容上。


04. 过渡转场页


这页的动画效果如下:



★ 动画拓展


首先,是文字的缩放进入效果:



先插入一行文本,然后拆分成单字并做倾斜效果,最后再使用插件进行矢量化处理。



接着全选所有文字,批量放大:



先给第一个文字添加淡化+缩放动画,缩放动画的具体设置参数如下:



第一个字母设置好动画后,使用动画刷将动画效果复制给其它字母。


最后使用口袋动画插件,统一调整时间序列差,即可完成:



当然,这里不用插件,手动调一下动画的延迟时间,也是可以的。


★ 重点解析


这页动画拆解后难度并不大,关键是时长与延迟时间需要多调整优化。


其中,餐桌场景和办公大楼场景的动画时间都较长,而中间的过渡动画时间则较短,长短结合,动画看起来节奏感才更强。


最后,我们再一起看下这三页动画效果:



如果感兴趣,记得打开 PPT 练习一下哦,本文的 PPT 源文件我也准备好了,有需要可以在 AboutPPT 导航阅读原文下载拆解学习。


以上,就是今天分享的全部内容,咱们下一期再见~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容