!
你也想出现在这里?立即 联系我们吧!
信息
当前位置:首页>PPT优质专栏>动画大赏 | PPT页面中的微动画大拆解

动画大赏 | PPT页面中的微动画大拆解

释放双眼,带上耳机,听听看~!

我们昨天发了一篇关于 logo 动画的灵感文章,里面的动画多是用 AE 做的,非常地丝滑,那么 PPT 能否做出类似的效果呢?

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

今天,就来拆两个微动画效果,给大家加个动画餐。

01. 路径平滑

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

第一个,我们就以 YouTube 的 logo 动画为例:

图片

首先拆解一下这个动画:有三个图层,文字、色块、图标,可能用到了路径加平滑。

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

① 直接使用 iSlide 中的平滑过渡;

② 使用放大缩小加路径动画。

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

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

图片

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

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

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

图片

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

图片

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

做出来的效果是这样的:

图片

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

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

图片

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

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

所以,将“tube”和圆角矩形布尔运算,做成镂空的样式。

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

图片

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

第一个动画,相对来说还比较简单,接下来开始上难度,多个动画组合。

02. 浮动/发射路径

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

图片

这个动画我们在社群每日的动画鉴赏中发过,之所以拿出来复刻,是因为这种动画效果在一些定制 PPT 中比较好用。

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

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

我们之前写过一篇动画教程,里面用到了分镜这个思路,如果没看过的话,可以回顾一下:

耗费35小时,用PPT做出了这个MG动画,想学我教你啊!

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

① 路径浮动动画部分;

② 发射路径动画部分。

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

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

图片

路径浮动动画

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

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

图片

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

图片

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

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

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

图片

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

图片

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

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

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

图片

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

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

图片

发射路径动画

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

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

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

图片

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

组合之后的动画,设置循环后的效果如下:

图片

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

图片

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

图片

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

图片

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

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

写在最后

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

社群里面的动画鉴赏栏目,每天发出来的动画,大部分是经过筛选的,很多动画效果对我们学习与制作 PPT 动画都有很大的帮助。

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

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。PPT世界内网友所发表的所有内容及言论仅代表其本人,并不反映任何PPT世界之意见及观点。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索