ae教程入门基础动效制作

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

一个合格的UI设计师,动效必须能够做到。AE软件做动态效果,说实话很方便,事实上,它也是AE的大大小小的用途。今天源码之家小编就为大家分享一下ae教程入门基础动效制作。

UI动效总结起来无非4种常态:位移、擦除、旋转和缩放。掌握上述四种基本常态,就能做出很多酷炫的动效图。

ae教程入门

在使用AE软件实现UI动态效果之前,我们需要做好PS中的图形处理。今天小编从ae教程入门中教大家绘制了简单的图形来显示效果,如下所示:

ae教程入门

需要动态的层必须分开绘制,不能合并。还最好将需要动态的层转换为"智能对象"或保持形状层,并根据动态效果的类型命名它们:

ae教程入门

那么,如何将PSD导入AE呢?请看图:

ae教程入门

选择导入时,会弹出一个窗口:

ae教程入门

在这里,我们选择合成 - 可编辑的图层样式 - 确定。

导入后,我们将在“项目”窗口底部看到导入的资源,双击“合成”的文件并打开时间轴,以便我们可以开始执行动态效果。

ae教程入门

时间轴是这样扩展的:

ae教程入门

ae教程入门基础动效制作开始让他动起来。

在AE里面基础的动效是由时间轴上的关键框架完成的。

在AE菜单栏的底部是一些常用的工具。

ae教程入门

当我们选择一个形状时,会有一个"中心点"(这个很重要,所有动效都需要根据这个中心点来运动),但在默认情况下,中心点不在形状的中心。请看图片:

ae教程入门

所有层都以这种方式移动锚,以便于下一次操作。

我们选择"旋转"层来执行旋转效果。

单击图层名称左侧的小三角形,选择“变换”,您将看到第四个选择是“旋转”。

ae教程入门

左侧的小时钟ae教程入门用于添加关键帧

点击ae教程入门出现第一个关键帧,我们将时间线拖到20秒位置,然后单击最左边的菱形以添加第二个关键帧。

ae教程入门

在第二个关键帧中,我们设置了旋转角度,我让他旋转360度,所以这里我将值设置为360,也就是一个星期的旋转。

ae教程入门

动效图如下:

ae教程入门

以上就是源码之家小编为大家分享的ae教程入门基础动效制作。

人已赞赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧