学习动态字体的设计。首先要了解动态字体属于什么范畴。动画有很多种类,例如,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

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)