发布时间:2019年03月02日
动画师用AE是怎么来制作动画的呢,AE动画制作流程一起来了解:
AE动效合集
大家可以在附件中下载文件,参考一下文件的结构。 里面有Material各种组件,基线UI还有导航过渡。
导入素材
做动画没有素材怎么行? 我们队里面设计师们的主要设计工具是Sketch,默认情况下是不能直接导入AE的。 还好有鬼才Adam
Ploff开发的AEUx这个插件(也在附件里面哦),可以直接从Sketch往AE里导素材。大家可以在这个动效合集里面的组件夹里看到我用这个插件导入的所有Material组件。
一点,一拽,一松手, Material界面马上有!
新建一个Composition(合成组),大家可以直接从组件(Components)里拉出相应的组件来搭建界面。
直接把组件从Project里拉进Composition里面就好啦。
组件定制
大家可以通过改变这些基线UI的参数来创造不同样式的组件。这里,我们就得用到AE里强大的Master properties(AE
CC2018以后的都有)啦。这个功能其实很容易被忽略,但它其实非常有用,使得我们不用不断重复的去复制Compositions,只要在图层菜单里面做一些修改就好啦。
举个栗子,像动图里面的这个应用栏,它的颜色,阴影,图标经常需要变动,所以我在Master Properties里面加入了这三项。
用Master Properties修改一个组件。
用有Master Properties的组件,我能够迅速的组建出一系列的界面。你们可以看看在Baseline UIs(基线组件)里面的例子。
这些界面都是拿经Master Properties修改过的组件们组成的。
制作过渡
UI界面组建流程说的差不多了,该开始做动画啦。大家可以在Navigation
Transitions(导航过渡)里看到一些符合Material动效原理的范例。如果你对Material动效原理感兴趣,可以看看我上一篇文章《动效不该难》。
符合Material动效原理的导航过渡。
在组件的composition里面,一开始先不要在动画关键帧上面加任何的缓和效果(Easing)。然后在Parent
Composition里再利用Time Remapped和缓和调试动画。
这样能使动画的调试变得更加有效率,因为你只用调整一对儿关键帧,这种缓和也是覆盖着过渡整体,这样省去了要进入组建composition里面,调试很多不同图层的各种关键帧的缓和效果所浪费的时间。
界面与界面过渡的中往往有这四种元件:进入元件(Incoming elements);退出元件(Outgoing
elements);顽固元件(Persistent elements)以及静止元件(Static
elements)。像从联系人栏打开详细界面的这种复杂过渡,需要更加细致严密的动效。我们可以把这种过渡以变化速度最高的时刻为节点把前后分成两个部分。顽固元件会走完这个缓和曲线,退出元件会在速度最高点的时候消失,进入元件在减速的过程中渐入。这就是Material里面的’复杂型过渡’。
第一部分:退出元件消失;
第二部分:进入元件渐入;
过渡整体:顽固元件转变。
加速部分和减速部分的时长比例是3比7。比如退出元件消失用了90ms,那么进入元件渐入时长则是210ms。动图中紫色是顽固元件的过渡,橘色则是退出元件以及进入元件。
这个方法可以作出绝大部分符合Material动效原理的过渡,而且不用担心例子之间的统一性。
当然啦,那种更加复杂的,酷炫的过渡,估计这个方法就搞不定啦。
AE不管怎么样还是一个灵活度非常大的动画制作工具,每个人都有自己最舒服的制作流程,没有哪种是‘完全正确的’。
希望我的流程可以给大家带来一些点子,让你们变成更有效率的动效设计师!
推荐阅读:
谁动了我的奖章-二维MG动画制作剧本
Flash动画制作公司的类型
什么是动漫制作,黄鹤楼动漫靠谱可信最具有口碑的动画制作公司