丝般顺滑?这5个PPT小动画你值得上手

基础入门4年前 (2020)更新 自律的音律
1,785 0 1

平时写排版设计、思路技巧以及素材灵感偏多,动画方面的内容,我写的比较少。

一方面是动画涉及的参数较多,图文的形式较难连贯的写明白,如果一步步都写全的话,篇幅往往会很长。

另一方面,动画相对来说学习门槛更高,对多数人来说并不常用,如果挑关键的内容写,很多人看不太明白。

所以,如果想要系统的学习动画,没有兴趣支撑,没有熬夜掉头发的那股劲,还是比较难的。

比较复杂的动画效果,还是建议看视频逐步操作,图文理解起来还是略费劲。

今天给大家分享的,是一篇来自 stinsondesign 的文章,介绍了 5 个小动画的制作方法。

我就根据自己的理解与经验,做个简单的翻译与分享吧,希望你喜欢。

以下是正文:


很多设计公司都会将 PPT 中的复杂动画,导出后作为视频分镜嵌入,但我们知道,对客户来说,可编辑修改的 PPT 源文件是多么重要。

这就是我们尽力在 PPT 中做出各种效果,包括用 PPT 制作动画的原因。

在 PPT 中制作专业级的动画效果,往往需要设置很多动画同步进行,虽然做起来比较复杂,但我们认为是值得的!

可以通过上面这个视频,查看 5 种动画的效果,下面具体解析每个动画的设计思路。

01. 轮转动画

在这个动画中,我们可以通过路径动画,让每个对象围绕圆进行顺时针对称旋转。

丝般顺滑?这5个PPT小动画你值得上手

两种不同的路径移动方法

第一步,先将每个对象放到初始位置,也就是动画的起点。

接着使用路径动画,将每个对象绕圆环移动四分之一,可以根据你的喜好,把路径动画设置成图1的曲线路径,也可以设置成图2的直线路径。

两种设置方法,看起来的动画效果差别不是特别大,当然了,如果路径是曲线的,效果会更好。

设置好第一个动画之后,记得把动画设置成与上一动画同时播放,这样所有的对象才会同步旋转。

后面再次旋转四分之一圈的时候,只要再重复添加一次上面的动画即可。

拓展一下:如果你用的是高版本,可以直接移动位置后,使用平滑切换,效果差不多。

02. 矢量插画动画

给矢量图形添加动画,在 PPT 中很常见,做好了会非常有创意,比如一些 MG 动画作品就是采用这种形式。

通常来说,在有了大致想法后,可以在矢量软件中画好所需的元素,再导出 PNG 免抠图放到 PPT 中添加动画效果。

当然,也可以直接在 PPT 中绘制形状与插画,不过比较考验设计师的鼠绘功底。

丝般顺滑?这5个PPT小动画你值得上手

设计之前,需要选择一种合适的插图风格,比如等距 2.5D 或完全扁平化的风格都可以。

只要主要保持插图的风格一致即可,包括配色方案和阴影等参数的设置。

A. 等距 2.5D 风格动画

使用 2.5D 风格做动画时,作品会给人更强的空间感,在画好图形后,一般使用路径动画来同步移动。

为了让动画看起来更加逼真准确,可以让他们沿着形状的轴线进行移动,就像上图的图1一样。

B. 扁平化风格的动画

当我们用纯扁平化形状来做动画时,通常会把元素叠加摆放,并通过形状颜色之间的明暗差别,来强化作品的空间感。

如图2所示,可以使用路径动画进行水平或垂直移动,也可以使用缩放动画,让元素看起来有远近的变化。

03. 推进动画

推进动画非常简单实用,尤其是做页面切换,或者风格变化的时候用,看起来会更加自然。

如何创建推进动画呢?

原文用的是飞入动画,或者配合平滑切换效果来实现。

其实也可以通过路径动画,或者使用 iSlide 插件的补间动画来快速做出同样的效果。

当然,如果你对动画很感兴趣,还可以使用口袋动画插件的动画录制功能,操作非常简单。

丝般顺滑?这5个PPT小动画你值得上手

除此之外,口袋动画中内置了非常多种页内切换动画,可以挨个下载拆解一下动画的设置思路,对比不同动画的差异,学起来会更快,印象也更深刻。

04. 视差动画

视差动画在网页设计中用的比较多,在 PPT 中使用视差动画,会让作品看起来更灵动更精致。

但是在做视差动画效果之前,我们需要通过 PS 等软件,分离出照片的前景与背景图,分层越多,添加动画效果后层次感越强。

丝般顺滑?这5个PPT小动画你值得上手

选好所需制作的场景后,在 PS 等软件中,把前景部分的图形给抠出来保存成 PNG 免抠图。

可以根据图1所示,多制作几层免抠图像,之后如图2所示,为不同的图像分别添加路径动画。

当不同图层的移动方向,以及移动速度有所不同时,视觉上的空间层次感就有了。

拓展一下:如果这部分看不明白,可以回头翻翻之前那篇交互作品的文章,那个作品第一页的背景,就用到了视差动画效果。

05. 几何拼贴动画

这个动画效果看起来不错,而且不需要裁剪图片,简单在 PPT 中给形状添加动画就可以做出来。

丝般顺滑?这5个PPT小动画你值得上手

首先,我们通过布尔运算的拆分,得到无缝拼贴的几何形状,可以是三角形,也可以是菱形、正方形或者六边形。

当形状都绘制好后,确定所有的形状都对齐了,并且数量足够覆盖住整个 PPT 页面。

这个动画的关键在于,不同形状的动画有一定的先后顺序,你可以按照自己的喜好,把不同形状分三批加动画,如图2参考类似。

之后分别为不同的形状添加淡入淡出,或者翻转等动画效果,让它们一个接一个的出现或消失就好了。

(正文完)


以上,就是 5 种不同小动画的设置思路,其实实际操作起来并不难。

关键在于,刚开始的时候你要打开软件,一步步去尝试,在你的脑海中形成连贯的动画场景。

至少你要能够想象出来,之后才能够用 PPT 做出合适的动画效果。

我知道,肯定有很多动画新手看的有点懵,这是很正常的,动画相对平时 PPT 的排版教程,说是隔行隔山也不为过。

若是有一天,你能够看到一个动画效果,在不开 PPT 的情况下,理清楚每个步骤是如何去实现的,就算不一定能完美的复现出来,你的动画也不赖了。

好了,这就是今天分享的全部内容,希望对你有所启发~


阅读原文:丝般顺滑?这5个PPT小动画你值得上手

© 版权声明

相关文章