AE基础动效快速入门

一个合格的UI设计师，动效必须会做。动效有啥用？让你的老板，团队，甚至客户，在产品未上线前知道它是怎么玩的，促进感情，友好沟通必备神技能。当然，用来装装B也很好。。

AE做动效，说实话 很方便，其实也对AE是大才小用了。

UI动效总结起来无非4种常态：位移、擦除、旋转、缩放

万法不离其宗，掌握了上面4种基础常态，做出其他吊炸天的效果只是知识补充和时间的问题了。

言归正传：

还没有用过AE的同学，它打开以后是下面这个样子的(方便大家阅读，我把窗口缩小了，重要窗口，已经标出)：

FEVTE编注：更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目，地址：https://www.fevte.com/moive/AE/AE_texiaojiaocheng/

我们用AE做UI动效前，需要在PS里面做好图形，这章主要介绍的是基础动效，所以我只画了简单的图形用来展示效果，看下面：

切记，需要做动效的图层一定要单独画，不能合并。还有最好把需要做动效的图层转换为"智能对象"或者保持形状图层，并且根据动效类型做好命名：

那么，如何把PSD导入到AE呢？看图吧：

选择导入后，会弹出一个窗口：

具体详细的介绍，可以看我之前录制的AE基础视频，里面有很详细的介绍和选择的注意事项，我就不罗嗦了，获取方式在文章末尾。

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