一个合格的UI设计师必须会做动态效果。行动有什么用?在产品上线之前,让你的老板,团队,甚至客户知道如何玩这个产品。要增进感情,友好交流。当然对b也有好处。
说实话,方便AE有效。其实对AE来说太大了。
UI动态效果可以总结为四种常态:位移、擦除、旋转、缩放。
掌握以上四个基本法线后再做其他炸天效果只是知识补充和时间问题。
看完文章的入门教程,如果想要ae动态软件资源,可以私编我的【资源】入群免费领取豪华设计大礼包。让我们言归正传:
对于还没用过AE的人来说,打开后是这样的(为了方便起见,我缩小了窗口,重要的窗口都做了标记):
在我们用AE做UI动态效果之前,需要用PS做图形。本章主要介绍基本的动态效果,所以我只画了简单的图形来展示效果。见下文:
记住,需要动态效果的图层必须单独绘制,不能合并。此外,最好将需要制作动画的图层转换为“智能对象”或保留形状图层,并根据动画类型为其命名:
那么,如何将PSD导入AE呢?看图:
导入后,会弹出一个窗口:
详细介绍可以看我之前录的AE基础视频。有非常详细的介绍和挑选注意事项,我就不多言了。获取方式在文末。
在这里,我们选择复合-可编辑图层样式-确定。
导入后,我们将在“项目”窗口的底部看到导入的资源。双击类型为\’ Composite \ ‘的文件打开时间轴,这样我们就可以开始做动态效果了,duang~
时间轴是这样展开的:
让我们开始让它动起来吧!
在AE中,基本的动态效果都是由时间轴上的关键帧来完成的,好容易!
AE\’ Menu \ ‘栏下面是一些常用的工具,
真相我们选择的形状会出现‘中心点’(这个很重要,所有的动态效果都需要按照这个中心点移动),但是默认情况下,中心点并不在形状的中心。我该怎么办?看图:
所有图层都按照这个方法移动锚点,方便接下来的操作。
我们选择“旋转”层做旋转效果。
点击“图层名”左边的小三角形,选择“变换”,你会看到第四个选择是“旋转”。
,将出现第一个关键帧。我们将时间轴拖动到20S的位置,然后单击最左边的菱形添加第二个关键帧。
在第二个关键帧中,我们设置旋转的角度。我让他先旋转360,所以这里我把值设为360,也就是旋转一次。
效果如下:
其他类型的动态效果也差不多,方法是死的,灵活应用可以做出不同的效果组合。