做动效After Effects跨平台UI动效设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

第1章 认识UI动效神器After Effects

1.1 认识After Effects的面板与菜单

要认识After Effects,应该先了解它的工作区布局与常用面板。实际上,After Effects的面板远不止本节所介绍的这些。由于本书以UI动效设计与案例解析为主,因此对After Effects的介绍与操作都与日常UI动效设计最常用的有关。

在UI动效设计中,最常用的主要是菜单栏、工具栏、【项目】面板、【合成】面板、【时间轴】面板、【效果和预设】面板及其他几个面板(如【字符】面板、【段落】面板和【对齐】面板等),如图1-1所示。一旦熟悉了以上几项,基本上就可以满足日常动效设计需求。

图 1-1

为了方便初学者理解,下面先解释几个After Effects中关键的名词。

·项目:一个独立的After Effects工程。所有的动效设计都在【项目】面板中完成,保存之后的aep文件就和Photoshop的工程文件psd一样。

·时间轴:After Effects进行动画设计的关键。【时间轴】面板上是一个个的合成标签。在【时间轴】面板上可以进行动画关键帧的编辑,从而制作各种动画。

·合成:After Effects项目中的一个基本编辑单位,带有时间属性。所有的素材都要导入【合成】面板中才能绘制、编辑和制作动画。可以理解为先将素材打包到【合成】面板中,再在【时间轴】面板中打开,这些素材就是从上到下排列的一个个的图层。【合成】面板中的图层,可以理解为Photoshop中的图层;合成就好像是一个包含诸多图层的Photoshop项目,只是多了一个时间轴。