技术资讯
当前位置: 主页 > 技术资讯 >

动画师用AE是怎么来制作动画的呢?AE制作流程一

发布日期:2020-10-18 12:17

 

  大家可以在附件中下载文件,参考一下文件的结构。 里面有Material各种组件,基线UI还有导航过渡。

  做动画没有素材怎么行? 我们队里面设计师们的主要设计工具是Sketch,默认情况下是不能直接导入AE的。 还好有鬼才Adam Ploff开发的AEUX这个插件(也在附件里面哦),可以直接从Sketch往AE里导素材。大家可以在这个动效合集里面的组件夹里看到我用这个插件导入的所有Material组件。

  新建一个Composition(合成组),大家可以直接从组件(Components)里拉出相应的组件来搭建界面。

  大家可以通过改变这些基线UI的参数来创造不同样式的组件。这里,我们就得用到AE里强大的Master properties(AE CC2018以后的都有)啦。这个功能其实很容易被忽略,但它其实非常有用,使得我们不用不断重复的去复制Compositions,只要在图层菜单里面做一些修改就好啦。 举个栗子,像动图里面的这个应用栏,它的颜色,阴影,图标经常需要变动,所以我在Master Properties里面加入了这三项。

  用有Master Properties的组件,我能够迅速的组建出一系列的界面。你们可以看看在Baseline UIs(基线组件)里面的例子。

  这些界面都是拿经Master Properties修改过的组件们组成的。

  UI界面组建流程说的差不多了,该开始做动画啦。大家可以在Navigation Transitions(导航过渡)里看到一些符合Material动效原理的范例。如果你对Material动效原理感兴趣,可以看看我上一篇文章《动效不该难》。

  在组件的composition里面,一开始先不要在动画关键帧上面加任何的缓和效果(Easing)。然后在Parent Composition里再利用Time Remapped和缓和调试动画。 这样能使动画的调试变得更加有效率,因为你只用调整一对儿关键帧,这种缓和也是覆盖着过渡整体,这样省去了要进入组建composition里面,调试很多不同图层的各种关键帧的缓和效果所浪费的时间。

  界面与界面过渡的中往往有这四种元件:进入元件(Incoming elements);退出元件(Outgoing elements);顽固元件(Persistent elements)以及静止元件(Static elements)。像从联系人栏打开详细界面的这种复杂过渡,需要更加细致严密的动效。我们可以把这种过渡以变化速度最高的时刻为节点把前后分成两个部分。顽固元件会走完这个缓和曲线,退出元件会在速度最高点的时候消失,进入元件在减速的过程中渐入。这就是Material里面的’复杂型过渡’。

  加速部分和减速部分的时长比例是3比7。比如退出元件消失用了90ms,那么进入元件渐入时长则是210ms。动图中紫色是顽固元件的过渡,橘色则是退出元件以及进入元件。

  这个方法可以作出绝大部分符合Material动效原理的过渡,而且不用担心例子之间的统一性。 当然啦,那种更加复杂的,酷炫的过渡,估计这个方法就搞不定啦。

  AE不管怎么样还是一个灵活度非常大的动画制作工具,每个人都有自己最舒服的制作流程,没有哪种是‘完全正确的’。 希望我的流程可以给大家带来一些点子,让你们变成更有效率的动效设计师!

  地址:武汉市江岸区二七路航天商务广场R6座25层;电话 手机: (微信同号); 商务接待:周一至周日 09:30-22:30

  衷心期待那些能在动漫设计、动画制作过程中,将这份工作视为实现自我价值的一生所爱,并有着一起思考、学习、创作热情的人加入