学习动态字体的设计。首先要了解动态字体属于什么范畴。动画有很多种类，例如，UI动画、影视合成和M G 动画，动态字体更多地类似于MG动画。

什么是MG动画？MG动画即图形动画（Motion G ra p h i c s，MG）。其实字体本身就是一个比较抽象的图形，每一个笔画都可以视作一个图形，动态字体就属于MG动画的范畴。

Adobe After Effects是一款专业视频制作特效处理软件，它的一些基础快捷键与其他Adobe 软件都是相同的，所以对熟悉Illustrator 和Photoshop 的朋友来说，上手是很容易的。

界面简介

首先，来了解一下AE 的主界面，我们以“势利眼”这组动态字体为范例，这样能更直观地了解各区域的功能。在主界面中，工具栏、项目窗口、合成（视图）窗口与时间线窗口是最主要的几大部分。

工具栏：放置一些基本工具。

项目窗口：这里放置的是制作动画的一些素材。

合成（视图）窗口：用来预览动画的效果。

时间线窗口：这是AE 最核心的部分，以图层的方式排列出来。时间线上是添加K 帧（关键帧）的地方，是制作动画最主要的工具。

基础扫盲

帧与帧速率

“1 帧”可以理解为一张画面，动画就是由多张连续的画面形成的，就像宫崎骏的动画手稿一样，一张一张快速地翻阅就能形成动画了。

在“合成设置”对话框中可以设置“帧速率”。“帧速率”即一秒钟出现图像的帧（幅）数。一般情况下，都将“帧速率”设置为25，一些电影视频可能会提高到30，但动态字体的帧速率一般都设置为25。

时间线窗口

时间线窗口是AE 中最重要的操作窗口，下面使用频率最高的一些功能在图中标注出来。

图层的五大属性

在图层的“变换”选项下，有5大基本图层属性。

锚点（A）：与Illustrator 中的锚点不同，这里的锚点相当于旋转的轴心点。

位置（P）：图形所在位置的坐标。

缩放（S）：图形的缩放比例。

旋转（R）： 图形的旋转角度，分为两部分，前部分为圈数，后部分为度数。

不透明度（T）：用于设置不透明度。

设置K帧的方法与调整时间线

先讲解如何设置K 帧。

以“位置”属性为例，在“位置”选项前有一个类似秒表的图标，它的名称为“时间变化秒表（码表）”，从这个名称就很容易理解，它是用来记录时间变化的，也就是用来记录K 帧的。

同样以“位置”这个属性为例，先将时间线移至第2 帧的位置，单击“码表”，在时间线上会看到一个正方形的小标记，这就表示在第2 帧将位置信息记录了下来，这样就设置了起始关键帧。

接着将时间线移至第25 帧，拖动图形后会在时间线上自动生成一个正方形标记，这就表示设置了结束关键帧。

调整入场时间也很简单，可以直接移动时间线上对应的色块，并且还可以通过调整标签的颜色来对图层进行整理，还可以直接通过快捷键Alt+｝或Alt+｛对时间线进行剪切。

速度曲线的编辑

调出速度曲线要先选中关键帧，之后单击下面圈出的图标（图表编辑器），进入编辑速度曲线的界面。

图表编辑器界面如下所示，即速度图表，横轴为时间，纵轴为参数（速度或数值）。

另一种为值图表，为速度图表与值图表切换的方法如下所示。

编辑速度图表

我个人常用的是速度图表，速度图表中只有一条线，编辑起来比较容易。下面列举一些常用的基础的速度曲线样式。速度曲线的规律是：曲线的坡度越大，速度的变化越大；坡度越小，速度的变化也就越小，运动也就越缓慢。

编辑值图表

值图表显示的是参数变化的曲线，常见为两条线，开启3D显示后会显示3 条线。由于曲线数量较多，编辑一些复杂运动时要比速度曲线困难。图中的运动方式为水平匀速运动，所以 Y 位置的曲线为一条直线，在编辑其中单独的曲线时要先进行拆分，方法如下所示。

拆分后即出现熟悉的调整手柄，此时就可以调整X 位置曲线的样式了。下面列举了一些常用的曲线样式。值曲线的规律是曲线的坡度越大，速度越快；坡度越小，速度越小。

关键帧样式

不同的速度变化会有不同的关键帧样式，下面介绍关键帧的样式。

匀速关键帧：软件默认的关键帧样式，运动规律为匀速运动。

缓动关键帧（F9）：起始与结束关键帧的速度慢，中间段速度快。

缓入关键帧（Shift+F9）：可以理解为减速运动。

缓出关键帧（Ctrl+Shift+F9）：可以理解为加速运动。

定格关键帧：它只有起始与结束，没有运动过程。

自动贝塞尔关键帧：与匀速关键帧的运动规律是相同的。

在这些关键帧样式中，最常用的是缓动关键帧（F9），加速、减速这些运动都可以通过缓动调整实现。

格式介绍

下面详细介绍一些常用格式与导入、导出操作。

动画格式

在动态字体中，很少导入动画格式的文件，通常都是导出MOV 格式的文件，因为它是无损格式的文件，占用内存小，更重要的是带Alpha 通道（ 与Photoshop 中的Alpha 通道是一个概念）。

图片格式

在动态字体中极少使用带图片格式的文件， 但这里还是简单地介绍下， 通常都会使用无损、带Alpha 通道格式的文件。

导入文件的方法

对于上面介绍的6 种格式的文件，直接导入即可，导入的方法是：在项目窗口的素材栏中双击或使用快捷键（Shift+I）导入。

Illustrator文件与PSD格式文件的导入

Illustrator文件与PSD格式文件导入的方法几乎是相同的，这里一起介绍。在制作动态字体时，使用最多的是Illustrator文件，首先介绍导入Illustrator文件时的要点。其实很简单，只需将“导入种类”设置为“合成”，将“素材尺寸”设置为“图层大小”即可，这样导入的文件就是分层可单独编辑的。导入PSD文件时设置与Illustrator文件相同。

不要选用“素材”类型的方式导入Illustrator 与PSD 格式的文件，以此方式导入的文件要么是合并为一个图层的素材，要么是导入指定单一图层的素材，导入的都是一个素材，并不是分层素材。只需要记住导入Illustrator 和PSD 格式的文件，选择“合成”“图层大小”两个选项就可以了。

TAG 序列格式文件的导入

之前提到过动画其实就是一张张图片通过快速的翻动形成的，TGA 序列可以理解为这些图片的集合体，所以可以理解为TGA 序列格式的文件是一个动画，只是它是用图片的方式展现的。通常将在C4D 中制作的动画导入到AE 中时会使用这种格式，在导入时需要注意选中“Targa 序列”复选框，在弹出的对话框中通常选择默认的模式直接导入。

GIF 格式文件的导出

动态字体最终要导出为GIF 格式的图片，而非视频格式，下面介绍导出GIF格式图片的方法。早期要先在AE 中导出MOV 格式的视频，再转到Photoshop 导出GIF 格式。而现在有一款AE 动画插件GifGun，它能在AE 中做到一键生成GIF 格式的图片。

脚本预设安装的路径为：X:\Program Files\Adobe\Adobe After Effects CC2017\Support Files\Scripts

它的安装方法说明如下：GifGun 首次渲染文件，必须使用“Lossless”预设，也就是无损预设。（1）打开AE，选择“编辑> 模板> 输出模块”命令。（2）在弹出的对话框中，在“设置”选项区域单击“新建”按钮，在弹出的对话框中设置名称为“Lossless”，首字母必须大写。在“输出模块模板”对话框中，“默认”设置全部为“使用Alpha 无损耗”，然后单击“确定”按钮。

（3）单击“编辑”按钮，弹出“输出模块设置”对话框，确保“格式”为AVI、“格式选项”为None。

（4）在主界面窗口栏的下拉菜单中，找到“gifgun.isxbin”，单击“Make Gif”按钮即可导出GIF 图，单击右边的设置按钮可以更改输出的位置和GIF 图的尺寸与帧速率。我通常都采用默认的设置，它会自动保存在文件夹中，导出成功后它还会自动弹出GIF 图片所在的文件夹。

Powered by Froala Editor