如何跟UI动效学PPT动画制作
- 2022-03-18
- 来源/作者: 菜鸟图库/ 菜鸟图库
- 397 次浏览
我们在使用手机时,经常会看到各种动效,比如下面这样(图片来自网络)
上图是一个在通讯录中搜寻好友的操作,其中每一步都伴随着相应的动画效果,这就是UI里的动效,也称UE。
以上图为例,如何把其中的效果“移植”到PPT当中去呢?
花道先试了一下logo动画,
模仿一:
模仿二:
然后又试了一下目录动画,
模仿三:
接下来就讲一下“模仿一”和“模仿三”在PPT中是如何制作的。(“模仿二”中的部分效果涉及到PA的使用,这里先不讲了,留在源文件里,大家先用着)
1. “模仿一”
(1):打造场景——搜索框
首先把PPT的页面背景设为蓝色(颜色可自行修改),然后插入一个圆角矩形,一个文本框(写上相应的网址),一个放大镜图标,并且把三者按如下的位置摆放。
(2):放置LOGO
把刚才的页面复制出一份,
然后在复制出的页面里,把LOGO和对应的文本按下图摆放
接着在放大镜周围插入一个圆形轮廓,待会用来模拟点击的动效。
(3):添加动画——请看下方视频。
2. “模仿三”
(1):创建目录。
插入一个矩形和一个文本(目录),然后将二者组合,
(2):创建内容。
将刚才的组合复制出4份,并且改变文本内容,矩形的填充颜色以及二者的大小,然后对齐摆放。
(3):添加动画——见上面视频(为了方便,两个合到一起了)。
当然,在模仿UI里的动效时,不是说一定要一模一样,有些效果在PPT中难以实现,完全可以采取其他的的动画替代,或者干脆省略掉,保证流畅即可,关键是学习一种思路。
比如下面这个UI动效(图片来自网络),
开头圆形变成正方形的效果有些头晕,不如直接从正方形开始,辅以“陀螺旋”和“*进入”动画模仿其进入效果,其他的效果用PPT中相似的动画替代,可以很快在PPT中实现。
花道又试了一下(见源文件吧,开不开心),
有趣的UI动效多得是,这里也只是给大家提供一种思路。