如何跟UI动效学PPT动画制作

PPT教程 2021-10-07 09:18:23

我们在使用手机时，经常会看到各种动效，比如下面这样（图片来自网络）

跟UI动效学PPT动画

上图是一个在通讯录中搜寻好友的操作，其中每一步都伴随着相应的动画效果，这就是UI里的动效，也称UE。

以上图为例，如何把其中的效果“移植”到PPT当中去呢？

花道先试了一下logo动画，

模仿一：

跟UI动效学PPT动画

模仿二：

跟UI动效学PPT动画

然后又试了一下目录动画，

模仿三：

跟UI动效学PPT动画

接下来就讲一下“模仿一”和“模仿三”在PPT中是如何制作的。（“模仿二”中的部分效果涉及到PA的使用，这里先不讲了，留在源文件里，大家先用着）

1. “模仿一”

(1)：打造场景——搜索框

首先把PPT的页面背景设为蓝色（颜色可自行修改），然后插入一个圆角矩形，一个文本框（写上相应的网址），一个放大镜图标，并且把三者按如下的位置摆放。

跟UI动效学PPT动画

(2)：放置LOGO

把刚才的页面复制出一份，

跟UI动效学PPT动画

然后在复制出的页面里，把LOGO和对应的文本按下图摆放

跟UI动效学PPT动画

接着在放大镜周围插入一个圆形轮廓，待会用来模拟点击的动效。

跟UI动效学PPT动画

(3)：添加动画——请看下方视频。

2. “模仿三”

(1)：创建目录。

插入一个矩形和一个文本（目录），然后将二者组合，

跟UI动效学PPT动画

(2)：创建内容。

将刚才的组合复制出4份，并且改变文本内容，矩形的填充颜色以及二者的大小，然后对齐摆放。

跟UI动效学PPT动画

(3)：添加动画——见上面视频（为了方便，两个合到一起了）。

当然，在模仿UI里的动效时，不是说一定要一模一样，有些效果在PPT中难以实现，完全可以采取其他的的动画替代，或者干脆省略掉，保证流畅即可，关键是学习一种思路。

比如下面这个UI动效（图片来自网络），

跟UI动效学PPT动画

开头圆形变成正方形的效果有些头晕，不如直接从正方形开始，辅以“陀螺旋”和“轮子进入”动画模仿其进入效果，其他的效果用PPT中相似的动画替代，可以很快在PPT中实现。

花道又试了一下（见源文件吧，开不开心），

跟UI动效学PPT动画

有趣的UI动效多得是，这里也只是给大家提供一种思路。