DAY1_自学UI动效_软件入门及准备

现在动效和C4D大热，感觉UI设计师不会个一星半点都说不过去了。再加上互联网时代，信息泛滥，不愁没有资源，所以开启了我自学的大门，并在上写下我的自学之路，供之后方便回顾和交流之用。

首选的软件是AE，AE的强大自不用说，虽然OS系统上有很多简化的动效软件，但是要学就学全。再加上ADOBE软件之间的良好的兼容性，可以完美的衔接PS，同时快捷键的使用也能快速上手。

下载的AE版本是2017，PS版本也是2017（软件网上都有，破解一下一分钟的事~）。以下是AE界面的截图，红色区域就像是PS里面的画板工作区域，紫色区域就好像图层，可以快速找到文件，蓝色区域应该也不陌生，就像是PS时间轴的升级版本（多了一些参数，更好的帮我们实现动效）。

第一步，在PSD中，先明确界面中需要实现动效的部分有哪些，每一个部分都需要单独一个图层来摆放（相对静止的可以算作一个），其余剩下图层都合并，减少内存占用，加快后期渲染。

第二步，在AE中拖入我们准备好的PSD，从桌面用鼠标直接拖到紫色区域内，然后释放鼠标，选择保存原图层，保持可编辑状态即可。/或者新建aep文件，ctrl+n，

新建aep文件，参数设置

预设选择自定义，宽度和高度可以自己设置，帧速率一般选择默认的25帧即可，开始时间码和持续时间码，对应的是时：分：秒：帧，末尾逢帧速率进一位，比如现在选择的是25的帧速率，所以第4位数从25调至下一秒的00。

第三步，双击图1中紫色区域的第一个图层，即可在蓝色区域看到所有单独图层的时间轴，可点击每一个图层前面的小三角形，下拉出现以下参数，可进行相应的变换操作。

可以看到，下拉变换可以选择锚点，位置（快捷键P），缩放（快捷键S），旋转（快捷键R），不透明度（快捷键T），变换的组合就可以完成一些简单的动作，而蓝色秒表点亮表示设置了相对应的操作。

第四步 根据自己心中的想要的效果探索吧~~

献上今天的处女作~~