假期前,我们发了一篇动画灵感相关的文章,你还有印象么?
这些动画都非常顺滑,看完文章后,我决定趁假期模仿几个。
今天,我就带着模仿后的成果来啦~
共模仿复刻了 5 个,前三个为简单一点的动画,动画步骤也写得比较详细。
后两个稍微复杂一些,不是很好展开写,所以只列出了关键点,小伙伴们可以根据自身需求选择性学习。
第一个动画
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-d6c62434ea7ecaeec0b322266597d5cc.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
场景制作:
共需要 8 块内容,4 个卡片,4 个文本,将它们单独组合。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-8c3b52b8f10e569d98892ead1064dbd9.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
使用【ok10-三维工具-批量补位】功能,使它们大小一致。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-c598285f9d47dfb4e24d8d28d9ee7fcb.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着全选,设置三维旋转并添加透视。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-defc9949587a1943ed74cdf480616334.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
给 4 个卡片分别制作阴影效果,并置于卡片底层。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-abae66cd47540b30df14587de1f78d2c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
再准备一页,文本框填充颜色,效果如下:
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-b2aeb4f009e6ae1f7b5cbdd14d156927.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来的步骤都称:文本框未填充为 A 状态,填充为 B 状态。
动画制作:
准备 5 页 PPT,第一页为所有卡片为 A 状态,其余 4 页依次将 4 个卡片调整为 B 状态。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-368ac14cda1eb9727ccc1bcb1dce2a64.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,依次给每一页的卡片添加【插入-动作-鼠标悬停】功能,链接到对应的效果页面。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-bcd0c17c7b434640406fe6ca61e636b5.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后添加平滑切换,并设置好时间即可。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-a0c8714a4cbd0f05b9fd4374ac0904e5.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第二个动画
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-fd3214c9fce4c6dfddfaaca7f380ae05.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
场景制作:
准备两页,第一页为产品展示页,第二个为营养成分表。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-6eb09c956fe59cae7761bc5d378ac92c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
分别给两页添加上需要平滑的元素:绿叶、橙汁、表格等
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-def4227b8becc94c11f637cd3c4d51f4.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
动画制作:
为这两页添加平滑切换效果即可。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-ee9164548bd4aa95c20bad26bdc33acf.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第三个动画
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-b3f1e125ae47e7e3fd987e622bd37aed.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
场景制作:
画两页与画布相同大小的矩形,同时为其添加中心渐变。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-f84e5a6803e9b822bc6d5a26a35ee131.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
镂空其中一个矩形,并盖在上方作为遮罩层。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-16b403155138153d00377831dafb1658.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
给镂空处的圆添加描边、和中心渐变。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-193416169fe3941176f95f228e5b4d4a.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在画布外添加多个随机颜色线条:
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-4584728902f93b1907cf532a51622c90.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
动画制作:
给其中一个线条添加直线路径动画,具体设置参数如下:
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-5167439970b43cc2fc6592e197d39748.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着使用动画刷,将动画复制给其他线条。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-1d5b4d25d2079f353314eccf4cae11ab.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
使用【口袋动画-时间序列】功能,将动画的开始时间设置为随机:
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-ab65d27647ae3cde6c47318c5bdd4994.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
大功告成~
第四个动画
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-9eeaf279727167ae391aabed37ae0b05.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
场景制作:
这个场景比较简单,但是需要注意,页面中的圆形共有三个,粉色圆1个,浅粉2个,它们三个的图层顺序如下:
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-44af32462f6ddbc89a951982eda9ff75.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
仔细观察原动画,会发现浅粉和粉色两次交换位置时,图层顺序是不一样的。
动画制作分为两个部分:
第一部分,圆形点击动画。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-2e0eae1a2d2c70f1fb6571f15f843917.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
制作关键:
先缩小进入,接着再放大退出
进入时直接使用出现即可,退出时使用圆形拓展动画
第二部分,圆形位移。
由于浅粉和粉色的圆动画一样,只是改了路径方向,所以我们只需要制作其中一个即可~
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-7bd5276f2b56da4f52cbd6ab5afe0f4d.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
制作关键:路径动画要分为三段,每一段要调整好平滑开始和平滑结束。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-31f14cdc9ed85d857f98f1bd5020e891.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第五个动画
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-0ea38b883fb332f1580790af37f0d1ec.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
场景制作:
先绘制关键点,然后使用【英豪插件-添加形状-选择连线】画出折线。
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-72adf97049082f32bda76236bb037fe3.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这里的绿色和紫色折线都加了阴影。
动画制作:
我们按照时间顺序来分享制作要点:
01. 首先短线先出来,接着停顿一下,然后继续伸长,伸长之后再变色。
短线的出现用的是缩放动画,用了两次,因为中间有停顿
缩放动画是使用的动画风暴,简单一些
变色动画可以用【动画-强调-线条颜色】来制作
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-f603055fce70d773ab8c60256834c616.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
02. 接着圆点从线条旁边缩放进入。
组合动画:缩放+路径动画
只要制作好第一个绿点和紫点的动画,其余的依次复制即可
使用【口袋动画-时间序列】调整进入的时间
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-36dde7ae74939b5dc3e0b64f6acefd9e.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
03. 给折线添加擦除进入动画。
自带的折线动画有虚影,所以可以通过多叠加几根线条,来弱化虚化效果
绿线和紫线有进入时间差
![手把手教你5个PPT动画效果,顺滑到领导目瞪口呆](https://tu.aboutppt.com/2021/10/frc-36dde7ae74939b5dc3e0b64f6acefd9e.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
今天的动画分享就到此结束了,PPT 动画源文件自行下载学习吧:
如果碰到操作难点,还可以加入我们的交流群进行提问。
交流群进入方式:在公众号菜单栏,依次点击【合作交流-交流群】即可。
我是云朵,下期改稿债见~
——
公众号:自律的音律
原文链接:手把手教你5个PPT动画效果,顺滑到领导目瞪口呆