logo
Redian新闻
>公众号
>
在PPT页面中添加了这两个动画，直接把老板惊呆了！

在PPT页面中添加了这两个动画，直接把老板惊呆了！

公众号新闻

来源：自律的音律丨 ID:yinlvPPT
编辑：楚葭、萌萌


很多 PPT 里面的高级动画多是用 AE 做的，非常地丝滑，那么 PPT 能否做出类似的效果呢？

答案是可以的，只是会有些复杂，也更加烧脑。

今天，来拆两个微动画效果，给大家加个动画餐。
路径平滑


在 PPT 中，除了非常炫技的效果需要用到复杂的动画，大部分页面其实只需要一些微动画即可。

第一个，我们就以 YouTube 的 logo 动画为例：
首先拆解一下这个动画：有三个图层，文字、色块、图标，可能用到了路径加平滑。

单个页面中，能够实现形状缩小的动画设置方法有两种：

❶  直接使用 iSlide 中的平滑过渡；
❷  使用放大缩小加路径动画。

我更倾向于使用插件来一键生成，更快，用起来也比较简单。

画两个大小不同的圆角矩形，做一下处理，先选中大的圆角矩形，再选中小的圆角矩形，点击插件的【扩展—平滑过渡】。

可以调整一下里面的平滑开始与平滑结束的时间，再将动画时间调整成 0.5s。

接下来，就是文字的路径动画。

准备三个必要的元素：文字、圆角矩形、镂空圆角。

其中黑字部分，要置于色块底部做路径移动效果，而白字则需要设置路径动画加消失。

注意观察动画窗格，白字部分的动画时间要延迟 0.25s。

做出来的效果是这样的：

你会发现，白字部分的动画好像没有任何效果，与原动画那种带有一丝丝残影的效果有很大出入。

尝试着把延迟时间改成 0.5s，却发现一点也不丝滑，反而显得很生硬：

那么该如何解决，或者说有没有平替的法子呢？

页面中有两个圆角矩形，注意观察相同点，不都是色块中间有个白色的色块/文字吗，那么既然其中一个可以做成镂空的，另外一个当然也行。

所以，将「tube」和圆角矩形布尔运算，做成镂空的样式。

再重复下平滑的设置，可以做出如下的效果：

这个平替效果，是不是有种残影的感觉了。

第一个动画，相对来说还比较简单，接下来开始上难度，多个动画组合。
浮动/发射路径


先看一下第二个动画效果：

依然是先拆解一下这个动画：从整体来看，以路径动画为主，加上一些消失以及出现动画组合而成。

从局部来看，也就是从分镜的角度，动画细节就非常多了。

    整体大致可以分为两个分镜：

    ❶路径浮动动画部分；
    ❷发射路径动画部分。

    考虑到原动画的素材太多，不便于动画的讲解，这里只保留一个主体和两个分支。

    简单画了一个静态页面，中间的是主体，左右两侧是分支，主体和分支之间，有两个传输的通道：

    ⭐路径浮动动画

    说是路径浮动，只是起了个好听的名字，实际动画效果就是主体下方的那三圈线条，需要做一个依次出现再依次消失、反复循环的动画。

    这里用到了三个动画，分别是 出现—路径—消失：

    可以看到，目前只循环了一次，我们需要让动画一直循环下去：

    因为有多个动画效果，直接设置动画循环的话，容易造成动画的错乱。

    所以，通常推荐使用口袋动画插件，将单个元素的动画合并。

    这里，还有一个需要注意的点，咱们在做动画的时候，开头设置一个出现动画，如果连它一起合并，循环效果往往不理想，只需要合并路径动画和消失动画即可：

    合并完成后，再添加一个出现动画，底部的无限循环就做好了：

    此外，除了主体部分，两个分支也需要做浮动的效果，左右两侧分别有一些大小不同的圆。

    在整个架构的运行中，主体输出的内容会进行一些转换，并向外输送。

    动画原理和上面的循环是一样的：

    注意观察，此时大小圆出现与消失的时间完全一致，看起来比较呆板生硬。

    需要简单调整一下不同圆形出现的时间顺序，让它们在不同的时间段出现和消失，就可以模拟出大小错落的气泡上浮动画了：

    ⭐发射路径动画

    由主体向两侧输出的动画，我将其称为发射路径动画。

    对比上面几个动画效果，相对来说比较简单，因为不涉及插件，PPT 自带的动画就能搞定。

    首先，画几个不同大小和宽度的椭圆，分别给它们设置动画【出现—路径】：

    注意，这里不需要设置消失动画，因为可以将它们和通道都置于底层，这样在开始和结束的时候，上方都有其他元素遮挡。

    组合之后的动画，设置循环后的效果如下：

    放在整个页面中看下效果：

    如果觉得速度有些慢，冲击力不够强，可以缩短动画时间，让它看起来更快一些：

    将所有的分镜动画组合在一起，看看效果：

    动画原理就是这些，整体看起来貌似比较复杂，实际上拆成单个动画后，难度并不大，很多复杂的动画效果，都可以用这种思路去拆解、学习与复刻。

    另外，动画的调整，除了添加各种效果，还要做好动画之间的衔接，把控好整体的时间、顺序与节奏。


    看完这两个案例，你会发现其实并没有太多的复杂技巧，也没有大家想象中的那么难。

    所以，感兴趣的同学，可以来一起研究一下，说不定能碰撞出新的火花。

    好了，以上就是今天分享的全部内容了，内容不多，但很实用，一起来探索 PPT 动画的魅力吧~

    还想学更多实用 PPT 技巧，这个为期 3 天的你一定不要错过：
     
    秋叶 PPT 3 天集训营
    课程原价 99 元 
    限时0元
    实操练习+名师带学
    👇


    ❤



    微信扫码关注该文公众号作者

    戳这里提交新闻线索和高质量文章给我们。
    来源: qq
    点击查看作者最近其他文章
    相关阅读
    第一百一十六章 晨火某日【无语】加拿大房主气炸：公寓被出租30次毫不知情！直接把市政府给告了瓦屋色素添加剂到底有什么样的危害？如何出现在食品中的？来看看色素添加剂Q&A5064 血壮山河之武汉会战 鏖战幕府山 33超恐怖！新州停车场天花板惊现一堆“诡异东西”！网友：异形来了！让中年女人动心的，直接来这两个字……B站9.7逆天高分：我让孩子看个动画，没想到顺便把历史课补了一边画画一边听动画史？《重读动画史》《拆解动画》音频课来啦~因为在PPT里用了这种柱状图，我实习第三天就转正了！被“忽略”的PPT翻页动画，好用到爆！第一百一十五章 仇杀全面增航！加拿大回国直飞这两地一天一班！网友查完票价后惊呆了...有了这100套高颜值PPT模板，再也不为PPT发愁啦！(文末可下载)“PPT大师”孙正义回来了，34页PPT宣讲“手握5万亿，转守为攻，AI革命！”（附完整版PPT）骚操作，如何在每页PPT中添加单双页码？挑战用一根线做完一套PPT，同事看完都惊呆了！为什么安全裤总是夹在PP里啊？？？趣图：偷偷看了老板的微信分组，惊呆了中国美术学院动画与游戏学院动画系2022毕业作品展来了！部分片花直接看！PPT被女同事夸赏心悦目！这4种页面美化技巧你一定要学！理解这两个字，就掌握了PPT排版的答案！“PPT大师”孙正义回来了，34页PPT宣讲“AI革命！”（附完整版PPT）老师惊呆了：13岁学生竟是科技公司老板！网友：戴的红领巾都像领带YSL真绝！一招让女人变美，直接把高级焊在脸上（买送香水）芬兰动画师和自己创作的动画角色互动，两个小家伙简直太可爱了！离谱!双非本科生选导师靠这手段直接拿下博导教授!知道真相后师弟惊呆了!Geary 44 电子邮件应用添加了两项实用增强功能 | Linux 中国妹子直播卸妆吓坏网友：直接把一层假脸皮扯下来了！PPT页面里只有一句话，当我用AI配图后，绝了！熊翻垃圾桶被狗子发现，结果老太太一声嚎叫直接把它吓跑了！【奇闻】老板惊呆了！有了这100套PPT模板，我再也不为PPT发愁啦！(文末可下载)美国男在天鹅堡悬崖性侵女游客未遂，直接把2人推下深谷，一死一伤？！
    logo
    联系我们隐私协议©2024 redian.news
    Redian新闻
    Redian.news刊载任何文章，不代表同意其说法或描述，仅为提供更多信息，也不构成任何建议。文章信息的合法性及真实性由其作者负责，与Redian.news及其运营公司无关。欢迎投稿，如发现稿件侵权，或作者不愿在本网发表文章，请版权拥有者通知本网处理。