1.1 认识After Effects的面板与菜单

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

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

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

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

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

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

1.1.1 菜单栏

菜单栏是几乎所有软件都有的一个重要部分。和Adobe公司其他软件的菜单栏一样，After Effects的菜单栏的结构很简单，位于顶部，并且包含整个软件几乎所有的操作。After Effects的菜单栏包含【AfterEffects CC】菜单、【文件】菜单、【编辑】菜单、【合成】菜单、【图层】菜单、【效果】菜单、【动画】菜单、【视图】菜单、【窗口】菜单和【帮助】菜单，如图1-2所示。

【After Effects CC】菜单用来进行After Effects的偏好设置，其中的【首选项】命令等与动效设计基本无关（见图1-3），这里不再详细介绍。

小提示

由于本书篇幅有限，因此仅针对动效设计必要且常用的命令进行介绍。关于不常用的一些命令，读者可以直接参考Adobe公司的官方帮助文档或其他基础教程。本章主要结合实际工作讲解常用的菜单和命令。

1.【文件】菜单

【文件】菜单主要针对新建、保存、另存为、导入/导出、渲染及整理工程文件等与工程文件自身相关的操作，如图1-4所示。

1）新建

【新建】命令的二级菜单包含【新建项目】命令、【新建团队项目】命令和【新建文件夹】命令等，如图1-5所示。

选择【新建→新建项目】命令，新建一个After Effects项目（如果当前已经打开了一个项目工程文件，那么该项目会被新建的项目替换）。若选择【新建→新建文件夹】命令，则在【项目】面板中新建一个文件夹，如图1-6所示。

2）导入

【导入】命令的二级菜单包含【文件】命令、【多个文件】命令、【纯色】命令和【导入Adobe Premiere Pro项目】命令等，如图1-7所示。

值得一提的是，当导入psd文件时，在对话框的下方可以将导入方式设置为【素材】或【合成】等，如图1-8所示。

单击【打开】按钮，弹出一个新的导入设置对话框，可以再次进行设置调整。如果将【导入种类】设置为【素材】，【图层选项】设置为【合并的图层】，就会将整个psd文件的所有图层合并为一张普通图片导入进来，就像JPG、PNG格式的图片一样。如果将【图层选项】设置为【选择图层】，那么可以选中psd文件中的某个图层作为一张图片素材导入进来。如果将【导入种类】设置为【合成】，那么【图层选项】默认设置为【可编辑的图层样式】，如图1-9所示。

若选中【可编辑的图层样式】单选按钮，则可以将psd文件中的所有图层样式的参数设置一并保留导入进来。在【时间轴】面板中展开图层，可以看到仍然有图层样式设置，并且可以在After Effects中继续编辑。由于After Effects的图层样式和Photoshop的图层样式基本上是通用的，因此【可编辑的图层样式】选项的使用是非常方便的。如果将【图层选项】设置为【合并图层样式到素材】，那么不再保留图层样式的参数设置，将样式合并到素材之后就会成为一个普通的图层，如图1-10所示。

3）保存

保存类命令的二级菜单包含【保存】命令、【另存为】命令和【保存副本】命令等，如图1-11所示。

【保存】命令和【另存为】命令的功能与其他软件同名命令的功能完全相同；而【保存副本】是After Effects非常实用的命令，笔者在工作中经常用到。如果希望在不影响已打开工程文件的情况下另外复制并存储一个当前工程文件的副本，那么可以使用【保存副本】命令。使用【另存为】命令保存的文件会直接打开并替换当前打开的工程文件；使用【保存副本】命令仅存储一个副本，不替换当前打开的工程文件。

【增量保存】命令和【另存为】命令的功能相同，只是没有另外命名的过程，而是直接在当前项目文件名之后加一个数字序号就另存了。

小提示

笔者在本书中所使用的After Effects CC 2018可以将副本保存为低版本的After Effects CC 2014和After Effects CC 2013。高版本的After Effects的工程文件是不能被低版本的After Effects打开的，但保存为After Effects CC 2014和After Effects CC 2013版本的工程文件有时对于团队合作来说很实用。

4）素材设置

【将素材添加到合成】命令用于将当前【项目】面板中所选的素材添加到当前【时间轴】面板打开的合成中；而【基于所选项新建合成】命令用于将当前【项目】面板中所选的素材、合成或其他内容直接生成打包为一个新的合成。

5）整理工程文件

【整理工程（文件）】是非常实用且常用的命令，如图1-12所示。

【收集文件】命令用于将当前工程文件及其导入所引用到的所有素材（包含图片、视频、文字等）全部打包到一个文件夹中，这对于团队合作中共享项目文件及个人管理自己的工程项目来说都非常实用。【收集文件】对话框如图1-13所示。

【删除未用过的素材】命令也非常实用，执行该命令会删除所有在当前项目合成中未被引用的素材，为整个项目“瘦身”，减小收集文件后的项目文件夹的大小，进一步提高共享效率。

笔者建议谨慎使用【减少项目】命令。

重新打开其他人共享的项目文件夹时可能经常发生缺失第三方字体、第三方插件效果的情况，打开自己以往的项目文件夹时也经常出现因存放路径更改导致素材丢失的情况，使用【查找缺失的效果】命令、【查找缺失的字体】命令和【查找缺失的素材】命令可以很方便地找到丢失的内容。

6）创建代理

执行【创建代理】命令可以将设计师调试制作的动效设计渲染出成果，可以渲染为图片序列或视频文件，如图1-14所示。

执行【创建代理→静止图像】命令可以渲染单张静态帧，执行【创建代理→影片】命令可以渲染图片序列或视频（关于这两条命令的相关设置请参考1.3节）。

7）其他命令

·【脚本】命令：比较高阶的命令，网络上有些第三方开发者编写的脚本很好用，要使用它们就需要用到【脚本】命令。

·【设置代理】命令：在某个合成渲染完成后执行的操作。

·【解释素材】命令：可以重新设置导入素材的参数，如重新设置导入图片序列的帧速率，以及导入带有Alpha（透明）通道的素材时的遮罩属性等。

·【替换素材】命令：用于将之前导入的素材替换为其他素材。

·【重新加载素材】命令：如果导入的素材进行了编辑调整，并且在After Effects中未自动刷新，就可以执行该命令手动刷新素材。

·【在Finder中显示】命令（Finder是Mac系统对文件管理的称呼，Windows系统中则是【文件资源管理器】）：在外部的文件管理器中定位显示当前导入的素材。有时使用【在Finder中显示】命令很方便，如需要在Photoshop中重新编辑某素材图片，但是一时不记得存放在何处，此时就可以用该命令找到那张图片，并用Photoshop打开。

·【项目设置】命令：重新打开当前项目的设置面板。

2.【编辑】菜单

【编辑】菜单如图1-15 所示。

1）撤销

【撤销】【重做】【历史记录】是设计类软件中最常见的命令。

2）复制/粘贴

【剪切】命令、【复制】命令和【粘贴】命令与其他软件的同名命令的功能完全相同。如果需要为多个图层添加相同的效果，那么使用【带属性链接复制】命令比较方便。选中某个效果，执行【带属性链接复制】命令，并粘贴到其他图层，此时不但该效果被复制到其他图层上，而且在其他图层上复制的属性参数与原始图层的属性参数也是相链接的。也就是说，只需要调整原始图层的属性参数，就会同步调整其他图层的属性参数，不需要再额外调整。例如，将原始图层【发光】效果的【强度】改为【2】，其他图层使用【带属性链接复制】命令粘贴的【发光】效果的【强度】会自动同步变成【2】。

表达式是After Effects的一种很方便且非常强大的功能，可以为一个属性参数添加各种函数，从而实现很多自动动画，如自动循环、自动随机抖动、用某个属性控制另一个属性等。使用【仅复制表达式】命令可以将表达式从一个属性复制到其他属性上且不复制关键帧。

3）图层编辑

编辑图层的相关命令主要针对【时间轴】面板合成内的图层执行编辑操作，如图1-16 所示。

【重复】命令和【拆分图层】命令比较常用。

【重复】命令就是将【复制】命令和【粘贴】命令合二为一，生成新对象。

要执行【拆分图层】命令需要先选中【时间轴】面板中的某个合成，再将时间指示器拖曳至任意时间点。如果执行【拆分图层】命令，就会在当前时间点将所选图层分为两个图层，如图1-17所示。

【提升工作区域】是与【时间轴】面板自身强相关的命令。执行【提升工作区域】命令可以将工作区域时长范围内的图层部分删除，并将原图层分成两个图层，这里的“工作区域”就是如图1-18所示的两个蓝色小手柄内部的灰色区域，在预览时也仅预览工作区域范围内的内容。

执行【提取工作区域】命令也可以将图层一分为二。但是执行该命令是将工作区域范围内的图层分离，之后单独另起一层，而不是删除，如图1-19所示。

【全选】命令和【全部取消选择】命令的含义如其字面意思。

4）清理

清理的相关命令可以用来清理预览中占用的内存与缓存，如图1-20所示。

3.【合成】菜单

【合成】菜单主要针对合成的各种编辑、设置等操作，如图1-21所示。

执行【预览】命令可以播放当前工作区域范围内的内容，可以选择预览时包含音频还是不包含音频，如图1-22所示。

【帧另存为】命令，顾名思义，就是将当前帧直接设置为单帧渲染保存。

【预渲染】命令则是将当前时间轴合成的工作区域时长内的部分进行渲染输出，进入渲染队列。

小提示

【合成】菜单中的大部分内容在1.2节介绍项目、合成与图层时会详细讲解，这里不再赘述。

4.【图层】菜单

【图层】菜单，顾名思义，就是对图层执行各种编辑操作，如图1-23所示。

1）新建

【新建】命令包含的图层如图1-24所示（在后面关于图层的章节中会详细地讲解这些图层）。

【纯色设置】命令专门针对纯色图层进行设置，如设置颜色、大小等。【纯色设置】对话框如图1-25所示。

2）打开

要执行【打开图层】命令和【打开图层源】命令需要在【时间轴】面板上先选中某个图层，并且只有选中合成图层、纯色图层、空对象层、调整图层及外部导入素材（如图片、音频、视频等）图层才会生效。需要注意的是，对于合成图层来说，执行【打开图层源】命令是指进入【时间轴】面板该合成的内部，这个操作其实就等同于双击合成（双击合成即可进入该合成的内部），在实际操作中通常采用双击打开合成的方式，如图1-26所示。

【在Finder中显示】命令（在资源管理器中显示）针对外部导入素材图层而言是有意义的。执行该命令会跳转到外部文件资源管理器并定位到该素材。

小提示

【图层】菜单中的其他内容在【时间轴】面板底部的图层属性设置栏内基本上都有一一对应的命令，在介绍【时间轴】面板时会详细讲解。在实际操作中，关于图层的操作也很少通过【图层】菜单执行。

5.【效果】菜单

【效果】菜单是After Effects的核心菜单之一，所有酷炫、优雅、灵动的动效设计都离不开【效果】菜单的支持。After Effects的效果，大致可以理解为Photoshop的滤镜，只是其属性都可以设置关键帧动画。【效果】菜单如图1-27所示。

【效果】菜单中既包含After Effects自带的效果，又包含用户自己安装的第三方插件效果。

【效果】菜单的第二行是最近使用的效果，方便用户重复添加。

【全部移除】命令就是其字面意思。

【全部移除】命令的下方就是当前软件已有的效果，基本上每个效果都有二级菜单。只有在【时间轴】面板中选中图层，才能成功为其添加效果，否则【效果】菜单是不可用的。一般来说，笔者很少通过菜单栏添加效果，而是习惯先在【效果和预设】面板的搜索框中直接输入效果名称进行搜索，再双击需要的效果名称进行添加，这样更加方便。在后面的章节中会详细讲解具体的效果展现。

6.【动画】菜单

【动画】菜单，顾名思义，都是关于动画制作的命令，如图1-28所示。

很多常用命令在实际操作中一般都是使用快捷键，或者在【时间轴】面板的图层属性中直接编辑，很少通过菜单操作，如【添加关键帧】命令、【添加表达式】命令、【显示关键帧的属性】命令和【动画文本】命令等很少使用，所以这里主要讲解关于时间轴和图层的相关命令。

1）调整关键帧

【切换定格关键帧】命令就是将关键帧切换为像定格动画一样的、关键帧之间没有任何过渡的、跳变一样的效果，如图1-29所示。

【关键帧插值】命令用于选择预设好的几类关键帧插值类型，也就是动画曲线的形状类型，如定格、线性、贝塞尔曲线等。该命令在【时间轴】面板中有一一对应的按钮，通过【时间轴】面板操作更加方便。

【关键帧速度】命令通过手动设置精确数值的方式来调整关键帧的插值，即动画曲线的形状。笔者习惯在【时间轴】面板中选择关键帧并右击，通过弹出的菜单来操作。

【关键帧辅助】命令的二级菜单中常用的是【缓入】命令、【缓出】命令和【缓动】命令，主要用来调整动画曲线的形状。该命令在【时间轴】面板中同样有一一对应的按钮。

上述命令基本上是通过【时间轴】面板来操作的。为了方便读者理解，以及更贴近实战，在介绍【时间轴】面板时会结合实际操作详细讲解。

2）文本动画

【动画文本】命令、【添加文本选择器】命令和【移除所有的文本动画器】命令只针对文本类图层。【动画文本】命令的二级菜单如图1-30所示。通过【动画文本】命令的二级菜单可以针对文本对象制作所有类型的动画样式（请参考后面关于文本图层实际操作的讲解）。

【添加文本选择器】命令的二级菜单中最常用的是范围选择器。可以选择一定范围内的文本有动画，而范围之外的文本没有动画，这在制作很多文本动画效果时都必须使用（请参考后面关于文本图层实际操作的讲解）。【添加文本选择器】命令的二级菜单如图1-31所示。

3）显示

【显示关键帧的属性】命令（快捷键为【U】）的使用非常频繁，在制作动画效果时需要先选中所有图层再查看所选图层的所有关键帧动画。

执行【显示动画的属性】命令不仅可以显示关键帧动画，还可以显示表达式动画。

7.【视图】菜单

【视图】菜单中的命令基本上是针对【合成】面板设置的，如设置预览窗口的大小和分辨率、显示参考线和网格等（部分命令与Photoshop的【视图】菜单中的命令一致），如图1-32所示。

【视图】菜单中的其他命令大多数按照字面意思理解即可，并且在【合成】面板的底部基本上有一一对应的按钮（实际上，通过【合成】面板操作更加方便）。

8.【窗口】菜单

在一般的工作区类型中不会显示所有的面板，用户可以通过【窗口】菜单打开需要的面板。除了After Effects自带的所有功能面板，【窗口】菜单中还包含用户自己安装的第三方插件（红色矩形框选的部分），以及工作区布局的设置，如图1-33所示。

1.1.2 工具栏

工具栏默认位于菜单栏的下方，如图1-34所示。

下面就UI动效设计常用的工具进行简单讲解。

【选取工具】 、【手形工具】 （用于移动预览窗口视图）和【缩放工具】 与Photoshop中的同类工具的操作基本上是一致的。

【旋转工具】 用于手动旋转对象。

单击【摄像机工具】会弹出一个下拉菜单，该下拉菜单中包含4种摄像机控制工具，分别是【统一摄像机工具】 、【轨道摄像机工具】 （用来执行类似旋转镜头、摇镜头的操作）、【跟踪XY摄像机工具】 （用来向 X 轴、 Y 轴平移摄像机）和【跟踪Z摄像机工具】 （用来向 Z 轴推镜头或拉镜头），如图1-35所示。

【向后平移（锚点）工具】 用来移动和调整对象的轴心锚点。轴心锚点可以简单地理解为物体的旋转轴。

单击【矩形工具】 会弹出一个下拉菜单，如图1-36所示，该下拉菜单中包含5种预设蒙版路径类型，分别为矩形、圆角矩形、椭圆、多边形和星形。

如果选择【椭圆工具】，那么工具栏中的图标会变成【椭圆工具】的图标，名称也会变为【椭圆工具】。

After Effects的【矩形工具】既可以用于为图层添加矢量路径蒙版，又可以在【合成】面板中直接绘制矢量路径形状，就和在Photoshop中绘制矢量形状一样。

【钢笔工具】 的下拉菜单如图1-37所示。After Effects的【钢笔工具】的使用方法和技巧与Photoshop的【钢笔工具】的使用方法和技巧基本上是相同的。

【横排文字工具】 的下拉菜单如图1-38所示。After Effects的文字工具基本上等同于Photoshop的文字工具，只是Photoshop的文字工具比After Effects的文字工具多了【横排文字蒙版工具】和【直排文字蒙版工具】。

在实际的动画制作中，笔者很少使用【画笔工具】 、【仿制图章工具】 和【橡皮擦工具】 （这3个工具也等同于Photoshop的3个同名工具）。

以一个矢量路径形状为例，先单击【人偶位置控点工具】 ，再在【合成】面板中的任意区域单击，就可以将一个黄色圆点“钉”在该形状上，用同样的方法多“钉”几个，选中其中任意一个黄色圆点进行拖曳就可以在其他点位置不变的情况下改变图形的形状（类似于3D软件中的骨骼绑定柔性蒙皮操作），如图1-39所示。

工具栏中的其他工具在实际制作动画时不太常用，这里就不再赘述。上面介绍的都是使用频率非常高且与动画设计本身强相关的工具。

1.1.3 项目面板组

【效果控件】面板与【项目】面板通常在整个After Effects工作区的左上方，如图1-40所示。一般默认显示的是【项目】面板，单击面板名称即可切换面板。

1.【项目】面板

【项目】面板可以理解为保存整个项目工程文件中所有素材和合成的资源库，其中包括各种音频、视频、图片和合成等素材，如图1-41所示。双击某个合成，即可在【时间轴】面板中打开该合成，从而对其执行各种编辑操作。

在【项目】面板中，各类素材名称的后面都有【类型】和【文件路径】等信息，只有合成和视频素材会显示【帧速率】、【入点】和【出点】信息。

【项目】面板上方的搜索框在素材数量非常多时很实用。

底部的工具栏多用来新建合成、建立文件夹整理项目素材。底部的工具栏中最常用的是【新建文件夹】按钮 和【新建合成】按钮 。新建合成的快捷方法是按快捷键【Ctrl+N】。另外，也可以将【项目】面板中的素材拖曳至底部工具栏的【新建合成】按钮 上，直接将所选素材打包为一个新合成。

在【项目】面板的空白处右击，弹出的菜单如图1-42所示。

区域1中的命令和【文件】菜单的同名命令的功能完全相同。

区域2中是【项目】面板的一项实用的特有菜单功能，可以在【合成】面板中定位到所选素材。使用区域3中的【基于所选项新建合成】命令和【替换为预合成（使用1次）】命令均可将当前所选素材打包为一个新合成。二者的区别在于，前者只是用素材新建一个合成；后者不仅用素材新建了一个合成，还会用新建的合成替换该素材在当前合成中的图层位置。

在【项目】面板的某个合成上右击，弹出的菜单如图1-43所示。

【项目】面板上的任意合成或素材都可以直接拖曳到【时间轴】面板的图层中，从而添加到所需的合成中。也可以双击【项目】面板中的合成，在【时间轴】面板上打开之后进行编辑。

2.【效果控件】面板

【效果控件】面板中的内容，是当前【时间轴】面板中所选图层的所有已添加的效果的属性设置，如图1-44所示（以【自然饱和度】效果和【发光】效果为例）。

单击效果名称前面的小三角图标 可以展开或收起效果的属性组。

在【效果控件】面板的空白处右击，在弹出的菜单中可以直接选择想要的效果，选择的效果会添加到所选的图层上，如图1-45所示。

1.1.4 【合成】面板

【合成】面板，即预览【时间轴】面板所打开的合成最终效果画面的面板，如图1-46所示。

下面介绍底部工具栏中各个图标的功能。由于篇幅所限，笔者仅介绍与日常动效设计强相关的一些功能，不涉及所有的功能。

1.放大率弹出式菜单

【放大率弹出式菜单】（数字1所指处）用于设置预览视图的大小，展开的下拉菜单如图1-47所示。其中包含从最小画幅的1.5%到最大画幅的6400%，以及与面板大小相匹配的【合适大小（最大200%）】命令。

2.选择网格和参考线选项

【选择网格和参考线选项】 用来选择显示的辅助信息，展开的下拉菜单如图1-48所示。

3.切换蒙版和形状路径可见性

【切换蒙版和形状路径可见性】 开和关的显示效果如图1-49所示。图1-49（a）所示为开启可见性，可以看到黄色的蒙版路径；图1-49（b）所示为关闭可见性，不显示黄色的蒙版路径。

4.预览时间/拍摄快照/显示快照

【预览时间】 （单击可更改当前时间）、【拍摄快照】 和【显示快照】 的功能分别是选择时间指示器跳转前往的帧、截图和显示快照。

5.显示通道及色彩管理设置/分辨率

【显示通道及色彩管理设置】 和【分辨率/向下采样系数弹出式菜单】 的下拉菜单如图1-50所示。在【分辨率/向下采样系数弹出式菜单】的下拉菜单中可以选择预览显示的分辨率。

6.3D视图弹出式菜单/选择视图布局

在制作3D动效时经常使用【3D视图弹出式菜单】 和【选择视图布局】 ，它们的下拉菜单如图1-51所示。

自定义视图1、自定义视图2和自定义视图3是After Effects预设的3个已调整好摄像机角度的透视3D视角，效果如图1-52所示，在制作3D动效时使用自定义视图操作很方便。

单击【选择视图布局】可以选择预览的视图数量与布局。图1-53所示是一个水平布局的二视图模式。其中，4个角有蓝色三角图标的视图代表当前激活视图。单击视图任意地方即可将当前视图作为激活视图。在选择摄像机视图时，只对当前激活的视图生效。

1.1.5 【时间轴】面板

【时间轴】面板可谓是动画制作最重要的面板。所有的动画制作，无论是关键帧动画还是表达式动画，都离不开【时间轴】面板上的编辑操作。【时间轴】面板的布局如图1-54所示。

1.【时间轴】面板的合成标签切换栏

合成标签切换栏如图1-55所示（红色矩形1框选的区域）。【时间轴】面板上可以有任意数量的合成标签，每个合成标签都有一个属于自己的时间轴。在一个动效设计中，合成内通常包含多个子合成，其中有不同的动画，设计师需要经常在不同的合成之间进行切换。

2.【时间轴】面板的工具栏

【时间轴】面板的工具栏包含合成时长设置、时间定位、内容搜索框与几个功能图标，如图1-56所示（红色矩形2框选的区域）。

单击最左侧字号较大的数字，可以设置当前时间指示器定位到哪一帧，如图1-57所示。

下面的蓝色数字无法单击，仅作为展示用途。展示的两种信息如下。

· ：当前时间指示器所在的第 N 帧，换算为“时/分/秒”显示单位后的时间位置。执行【文件→项目设置】命令后，在【项目设置】对话框中可以选择【时间轴】面板的时间是按帧显示还是按“时/分/秒”显示。

· ：帧速率。帧速率即每秒播放多少帧，如动画片常用的是24帧/秒，当前部分电影使用的是120帧/秒。在日常动效设计中，笔者建议采用48帧/秒或60帧/秒的帧速率，这样动画效果更加出色，也更接近手机上真实动效的表现。

3.【时间轴】面板的图层区

【时间轴】面板的图层区如图1-58所示（红色矩形3框选的区域）。

多选图层的方式也很常规，就是按住【Ctrl】键或【Shift】键点选。图层区的功能比较多，主要是关于图层属性的各种开关，如显示/隐藏开关、声音开关、3D图层开关等。下面简要介绍动画设计中常用的一些图标。

1）图层显示控制工具

每个图层的前方显示的是通用信息，如图1-59所示。

·【视频：隐藏来自合成的视频（如果有）】 （红色矩形1框选的区域）：用于显示或隐藏图层。

·【音频：使音频（如果有）静音】 （红色矩形2框选的区域）：用于控制是否播放声音。

·【独奏：隐藏所有非独奏视频】 （红色矩形3框选的区域）：用于控制是否只显示当前图层中的内容。

·【锁定：阻止编辑图层】 （红色矩形4框选的区域）：用于控制是否锁定图层。

·【标签】 （红色矩形5框选的区域）：用于设置图层标签的颜色。【标签】在一个图层数量非常多的合成中很重要，将图层按照颜色分组对于合成图层的清晰管理很有用。

2）图层功能切换显示工具

底部栏中的3个图标分别用来显示或隐藏不同分区的图层属性。

·【展开或折叠“图层开关”窗格】图标 ：用于展开或折叠【图层开关】功能。

·【展开或折叠“转换控制”窗格】图标 ：用于展开或折叠【转换控制】功能。

·【展开或折叠“入点”/“出点”/“持续时间”/“伸缩”窗格】图标 ：用于展开或折叠【入】、【出】、【持续时间】和【伸缩】等功能。

当3个图标全部处于关闭状态时，【时间轴】面板的图层区只显示【图层名称】和代表父子关系的【父级和链接】，如图1-60所示。

3）图层功能开关

单击【展开或折叠“图层开关”窗格】图标 ，【时间轴】面板的图层区会新增显示图层的所有属性参数（红色矩形1框选的区域），如图1-61所示。框选的几个都是在动画设计中经常使用到的图层功能开关。

·【质量和采样】 （红色矩形2框选的区域）：用于切换高质量渲染或低质量渲染。

·【效果：关闭所有效果（如果有）】 （红色矩形3框选的区域）：用于控制是否显示效果。

·【运动模糊：模拟快门持续时间】 （红色矩形4框选的区域）：用于控制是否显示运动模糊。

·【调整图层：应用于此图层的效果要用于它之下图层和合成】 （红色矩形5框选的区域）：用于控制是否将当前图层作为调整图层影响下面的图层。

·【3D图层：允许在三维中操作此图层】 （红色矩形6框选的区域）：用于控制是否将当前图层设置为3D图层。

单击【展开或折叠“转换控制”窗格】图标 ，【时间轴】面板的图层区会新增显示【模式】和【T TrkMat】功能。其中，【T TrkMat】是解释起来比较复杂，但是在动效设计中经常使用的功能。其实，【T TrkMat】功能就是将上一个图层的某种通道属性（Alpha透明通道或亮度通道）作为下一个图层的蒙版遮罩，如图1-62所示。

单击【展开或折叠“入点”/“出点”/“持续时间”/“伸缩”窗格】图标 ，【时间轴】面板的图层区会新增显示【入】、【出】、【持续时间】和【伸缩】的属性（见图1-63），用来调整所在图层的持续时长、时长压缩比例和时长延长比例（如果将【伸缩】属性调整为200%，就表示动画速度调整为原来的一半）。【入】、【出】和【持续时间】可以使用帧数精确调整动画时长；【伸缩】则相对更加常用，在制作动画时长比例伸缩时，使用较粗略的比例伸缩就可以。这里的【伸缩】比例可以理解为同一段动画的播放速度。如果将【伸缩】参数设置为50%，就表示播放速度会快1倍，即快放效果；如果将【伸缩】参数设置为200%，就表示播放速度会慢一半，即慢放效果。

4.【时间轴】面板的时间线区

【时间轴】面板的时间线区即时间指示器所在的区域，如图1-64所示（红色矩形框选的区域）。可以通过【时间轴】面板中的【图标编辑器】图标 （图1-64中的红色三角形图标所指处），切换用于编辑动画曲线的【图表编辑器】模式。图1-64中的A图为用得比较多的常规关键帧编辑模式，B图为动画曲线编辑模式。

1）常规关键帧编辑模式

在常规关键帧编辑模式下，显示的是一个个的图层及其所有的关键帧，通过拖曳每个图层的两端可以调整内容效果能够显示的时长范围，如图1-65所示。

选中图层的关键帧并右击，弹出的菜单中是针对关键帧进行编辑的命令，最常用的是【关键帧速度】命令和【关键帧辅助】命令（结合动画曲线展开介绍有助于读者理解），如图1-66所示。

时间线区顶部的第一行和第二行分别有一窄一宽两栏，窄栏代表时间线的显示范围，宽栏代表工作区域的范围，这两栏的两端都有蓝色小手柄。拖曳窄栏两端的蓝色小手柄 可以调整时间线的显示范围，而拖曳宽栏两端的蓝色小手柄 可以调整工作区域的长短（控制预览和渲染输出的内容范围），如图1-67所示。

关于【工作区域】的介绍，请参考1.1.1节。预览时仅播放工作区域内的内容，渲染时也仅渲染工作区域内的内容。有时通过预览观察制作好的动画效果，并不需要花费很长时间缓存整个合成时间线，只需要缓存工作区域内的内容即可，这样可以大大提高工作效率。

在【工作区域】上右击，弹出的菜单中有【提升工作区域】命令、【提取工作区域】命令和【将合成修剪至工作区域】命令，如图1-68所示。

关于【提升工作区域】命令和【提取工作区域】命令的介绍，请参考1.1.1节。这里主要介绍【将合成修剪至工作区域】命令。假如合成的完整时长为2000帧，在将工作区域的时长调整为1000帧之后，执行此命令，可以看到整个合成的长度被缩短为1000帧，如图1-69所示。

2）动画曲线编辑模式

如果切换为动画曲线编辑模式，那么时间线区的内容切换为显示当前所选图层的所有选中关键帧的动画曲线，如图1-70所示。

默认生成的关键帧动画曲线是线性的，并且没有任何平滑变化（图A），选中关键帧并右击，在弹出的菜单中选择【关键帧辅助→缓动】命令之后（图B），两个关键帧（曲线的两个端点）就新增了手柄（图C），曲线形状变为【缓入-缓出】，拖动黄色的曲线手柄可以调整手柄长度，进而调整曲线形状（图D），如图1-71所示。

如果想精确地调整关键帧，那么可以在关键帧上右击，在弹出的菜单中选择【关键帧速度】命令，打开【关键帧速度】对话框，并在该对话框中进行设置，如图1-72所示。【进来速度】代表关键帧节点的左侧手柄，【输出速度】则代表关键帧节点的右侧手柄。一般来说，大部分UI动效设计只需要设置【影响】的百分比即可，【影响】的值越大，对应的手柄就越长。如果将【进来速度】的【影响】设置为【100%】（即最大），【输出速度】的【影响】设置为【10%】，那么节点的两端手柄长度显示如图1-72中的红色虚线框选区域所示，曲线形状也会发生相应的变化。

在动画曲线编辑模式下，时间线区的底部有一些与编辑曲线相关的工具，如图1-73所示。

·【将选中的关键帧转换为定格】 （标识1）：将关键帧转换为定格类型，即从一个关键帧到下一个关键帧之间没有任何过渡，直接跳变。

·【将选中的关键帧转换为线性】 （标识2）：将关键帧转换为线性类型，即动画曲线为直线，没有任何起伏节奏的快慢变化，这也是生成关键帧后默认的类型。

·【将选中的关键帧转换为自动贝塞尔曲线】 （标识3）：将关键帧转换为自动贝塞尔曲线类型，转换前后的对比如图1-74所示。

·【缓动】 （标识4）、【缓入】 （标识5）和【缓出】 （标识6）：选中关键帧之后右击，可以在弹出的菜单中选择【关键帧辅助】命令的二级菜单中的【缓动】命令、【缓入】命令和【缓出】命令。

1.1.6 【效果和预设】面板

【效果和预设】面板不但使用频率很高，而且使用很方便。在After Effects的整体布局中，【效果和预设】面板的惯用区域如图1-75所示。

该面板上使用得最多的是搜索框，在搜索框中直接输入效果名称的一部分就可以直接搜索到对应的效果，如图1-76所示。

通过【效果和预设】面板添加效果有如下两种方式。

第1种：先在【时间轴】面板上选中一个或多个图层，再双击【效果和预设】面板上所需要的效果。

第2种：不必在【时间轴】面板上选中图层，而是先按住【效果和预设】面板上的效果，再将其拖曳到【时间轴】面板的对应图层上即可完成添加。

第1种方式的好处是可以同时为多个图层添加同一效果。

1.1.7 其他常用面板

其他常用面板主要有【对齐】面板、【字符】面板、【段落】面板和【信息】面板。在After Effects的整体布局中，【信息】面板、【对齐】面板、【段落】面板和【字符】面板的惯用区域如图1-77所示。

1.【对齐】面板、【段落】面板和【字符】面板

【对齐】面板、【段落】面板和【字符】面板在动效设计中经常用到。这3个面板的功能与Photoshop的同名面板的功能完全一致。这3个面板通常可以和【效果和预设】面板放在一起，可以使用标签切换（用户也可以根据自己的习惯进行设置）。

在After Effects的【对齐】面板中，可以选择的对齐模式为对齐到【选区】和对齐到【合成】，如图1-78所示。这是因为合成的大小范围和选区的大小范围可能不同，有时除了选区内容合成还可能包含一定面积的空白区域。

2.【信息】面板

【信息】面板主要显示在预览时的实时帧速率信息，这对于准确把握最终的动画效果非常重要，如图1-79所示。